您的位置:首页 > Web前端 > JQuery

jquery 10分钟 倒计时

2016-05-09 11:18 531 查看


var ZC4 = {

second: 600,//倒计时总秒数量

dsq: null,

// 停止定时器

FunStopInter: function () {

clearInterval(ZC4.dsq);

ZC4.dsq = null;

$('#countdown4').html("");

},

//倒计时10分钟

FunCountdown: function () {

ZC4.second = 600;

if (ZC4.dsq != null) {

clearInterval(ZC4.dsq);

ZC4.dsq = null;

}

ZC4.dsq = setInterval(function () {

if (ZC4.second > 0)

ZC4.second--;

var minute = Math.floor(ZC4.second / 60);

var second = ZC4.second % 60;

if (minute > 0)

$('#countdown4').html(minute + ":" + second);

else

$('#countdown4').html(ZC4.second);

if (ZC4.second == 0) {

clearInterval(ZC4.dsq);

ZC4.dsq = null;

}

}, 1000);

},

}

(1)点击按钮

//每次点击按钮都调用倒计时【调用前先判断之前定时器是否还在,如果之前定时器还在执行,就停止定时器,再重新定时】

if (ZC4.dsq != null) {

ZC4.FunStopInter();

}

ZC4.FunCountdown();

(2)加载

$(document).ready(function () {

ZC4.FunCountdown();

})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: