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

JS 实现带回调倒计时器

2015-08-25 10:25 429 查看
用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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息