JS 实现带回调倒计时器
来源:互联网 发布:重庆市投标诚信分算法 编辑:程序博客网 时间:2024/06/10 17:47
用javascript实现一个倒计时插件,当倒计时完成,调用回调函数处理事务。
function getCountdown(doc,time,fuc) {//倒计时插件,doc:显示倒计时时间的元素,time:倒计时时间秒数,fuc:回调函数,计时完成后回调该函数 this.time = time; this.doc = doc; this.fuc = fuc; this.timer = function () { time--; var min = Math.floor(time / 60); var sec = time % 60; if (sec < 10) sec = '0' + sec; if (min < 10) min = '0' + min; doc.innerText=min + ":" + sec; if (time < 1) { onfinish(); return; } setTimeout('timer()', 1000); }; this.onfinish = function () { fuc.call(this);//回调~~~ }; timer(); }
使用该函数demo:
<div id="time-wrap"></div> <script> var docs = document.getElementById('time-wrap'); getCountdown(docs,10,function(){alert('the end!');});</script>
0 0
- JS 实现带回调倒计时器
- JS秒表倒计时器
- Js 倒计时器
- Qt实现倒计时器
- 倒计时器的实现
- js倒计时器+防止刷新
- JavaScript实现的计时器和倒计时器
- java实现倒计时器-图形界面
- 同页面多记录JS倒计时器
- 倒计时器
- 倒计时器
- 倒计时器
- 倒计时器
- 倒计时器
- 倒计时器
- 倒计时器
- 倒计时器
- iOS之UIDatePicker实现倒计时器
- 关于javascript中apply()和call()方法的区别
- lvs+keepalived 负载均衡keepalived.conf配置
- 数据结构习题记录-牛客网
- UIImage与NSData间的转换
- img如何在div中垂直居中?要支持所有浏览器
- JS 实现带回调倒计时器
- 黑马程序员-学习笔记-多线程
- Ubuntu系统下的Hadoop集群(7)_设置Linux环境变量的方法和区别
- 浅谈TabBar封装及项目实践
- 遍历进程线程服务任务
- WatchKit(一):创建一个Apple Watch应用
- Android画布更新过程OnDraw调用过程
- SpringMVC单元测试
- OOD百科