15分钟的html倒计时,js实现5分钟倒计时
兄弟手寫倒計時,可以告訴你點思路,此處你用間隔調用可以 用超時調用加回調函數同樣也可以,這個需要你自己去實現才是你的。不過我還是簡單給你寫個吧!
function Fn1(opt){
this.as = Array.from(document.getElementsByTagName(opt.a));
this.fn();
}
Fn1.prototype = {
constructor : Fn1,
fn : function(){
var _this? = this;
// var second = 1000;
// var min = 1000*60;
// var alltime = 5*60*1000;
var mins = 4,
seconds = 59;
var count = 0;
setInterval(() => {
seconds = seconds - 1;
if ( count == 4) {
return;
}
if (seconds == 0) {
mins = mins-1;
seconds = 59;
count++;
}
_this.as[0].innerHTML = mins;
_this.as[1].innerHTML = seconds;
},1000)
}
}
var fn1 = new Fn1({//實例化對象,也是對象。
a : "a",
});
面向對象寫的你也可以用別的方法,有難得但鑒于你的要求我就上簡單的了!
總結
以上是生活随笔為你收集整理的15分钟的html倒计时,js实现5分钟倒计时的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: G2O和Sliding Window中的
- 下一篇: Winhex的使用(慢慢更