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倒计时)