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