15分钟的html倒计时,js实现5分钟倒计时

这篇博客介绍了如何使用JavaScript实现一个简单的倒计时功能,通过设置间隔调用来更新页面上的分钟和秒数显示。代码示例中包含了一个面向对象的解决方案,适合初学者理解和实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

兄弟手写倒计时,可以告诉你点思路,此处你用间隔调用可以 用超时调用加回调函数同样也可以,这个需要你自己去实现才是你的。不过我还是简单给你写个吧!

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",

});

面向对象写的你也可以用别的方法,有难得但鉴于你的要求我就上简单的了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值