jquery倒计时,jquery倒计时3秒开始游戏

jQuery 倒计时。

可以直接判断毫秒数是否大于一天的 不大于的话 直接改成

$(this).text(event.strftime('剩余时间：%H小时%M分钟%S秒'));

jquery写 60s倒计时

!DOCTYPE html

html lang="en"

head

    meta charset="UTF-8"

    titleTitle/title

    //换成你的jquery库

    script type="text/javascript" src="jquery.js"/script

    script type="text/javascript"

        var setTime;

        $(document).ready(function(){

            var time=parseInt($("#time").text());

            setTime=setInterval(function(){

                if(time=0){

                    clearInterval(setTime);

                    return;

                }

                time--;

                $("#time").text(time);

            },1000);

        });

    /script

/head

body

    span id="time"60/span

/body

/html

jquery实现手机发送验证码的倒计时代码

复制代码

代码如下:

var

wait=60;//时间

function

time(o,p)

{//o为按钮的对象，p为可选，这里是60秒过后，提示文字的改变

if

(wait

==

0)

{

o.removeAttr("disabled");

o.val("点击发送验证码");//改变按钮中value的值

p.html("如果您在1分钟内没有收到验证码，请检查您填写的手机号码是否正确或重新发送");

wait

=

60;

}

else

{

o.attr("disabled",

true);//倒计时过程中禁止点击按钮

o.val(wait

+

"秒后重新获取验证码");//改变按钮中value的值

wait--;

setTimeout(function()

{

time(o,p);//循环调用

},

1000)

}

}

视图：

复制代码

代码如下:

input

class="mem_btn

mem_btn26"

type="submit"

name="yt0"

value="点击发送验证码"

id="btn"

调用：

复制代码

代码如下:

echo

CHtml::ajaxSubmitButton('点击发送验证码',

CHtml::normalizeUrl(

array('/ajax/sendGetPassMobilCaptcha','zm_id'=$model-zm_id)

),

array('success'='function(result){

if(result==1){

$(".ys_98").html("验证码发送成功，请及时检查您的手机。");

time($("#yt0"),$(".ys_98"))

}else{

$(".ys_98").html("验证码发送失败，请重试，或联系管理员。");

}

}','data'="zm_id=".$model-zm_id."zm_mob=".$model-zm_mob."zm_name=".$model-zm_name

),

array('class'='mem_btn

mem_btn26'));

jquery实现倒计时效果

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""

html

head

title/title

script type="text/javascript"

window.onload = Watch;//加载时调用Watch()函数

function Watch() {

var span = document.createElement("sapn");

span.innerHTML = "0:01";

var s = 1;//用来记录秒,因为需求是从1开始的。

var m = 0;//用来记录分钟

var w = setInterval(function () {

s++;

if (s == 60) {//当秒跑到60时，分钟加1，秒钟从0开始。

m++;

s = 0;

}

span.innerHTML = m + ":" + (s 10 ? "0" + s : s); //显示时间(秒小于10时，前补0)

if (m == 5) { clearInterval(w); } //到过5分钟时停止

}, 1000); //每1000毫秒即1秒执行一次此函数

document.getElementById("Show").appendChild(span);//显示到页面上

}

/script

/head

body

div id="Show" style="text-align:center"/div

/body

/html

JQuery实现的按钮倒计时效果

本文实例讲述了JQuery实现的按钮倒计时效果。分享给大家供大家参考，具体如下：

一个实现了在按钮上显示倒计时，倒计时完毕自动将按钮设置为不可用的效果，具体代码如下：

html

head

titletest

count

down

button/title

script

src="jquery1.8.3.min.js"

type="text/javascript"/script

script

type="text/javascript"

$(function

()

{

$('#btn').click(function

()

{

var

count

=

10;

var

countdown

=

setInterval(CountDown,

1000);

function

CountDown()

{

$("#btn").attr("disabled",

true);

$("#btn").val("Please

wait

"

+

count

+

"

seconds!");

if

(count

==

0)

{

$("#btn").val("Submit").removeAttr("disabled");

clearInterval(countdown);

}

count--;

}

})

});

/script

/head

body

input

type="button"

id="btn"

value="Submit"

/

/body

/html

运行效果截图如下：

希望本文所述对大家jQuery程序设计有所帮助。