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();
})
相关文章推荐
- Jquery 自适应宽度的input
- js和jquery中的触发事件
- jQuery学习笔记(二)选择器
- jQuery中的supersized的插件的功能描述
- 随笔:用心良苦 - 理解 jQuery 的构造函数
- opacity+visibility+transition组合代替jquery 的fadeIn ,fadeOut
- jquery tmpl 详解
- jQuery学习笔记
- MVC+jQuery.Ajax异步实现增删改查和分页
- 基于Jquery插件Uploadify实现实时显示进度条上传图片
- H5中实现图片的涂抹擦除--利用jquery.eraser.js插件
- jQuery AJAX实现调用页面后台方法
- Spring+Mybatis+jQuery.Pagination.js异步分页及JsonConfig的使用
- jQuery入门学习笔记(一)
- JQuery MiniUI学习笔记一
- jQuery实现三级菜单的代码
- CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
- jQuery Deferred对象
- jQuery代码实现图片墙自动+手动淡入淡出切换效果
- jQuery的deferred对象详解