用js实现简单的页面倒计时

最新推荐文章于 2022-07-27 23:22:41 发布

向宇it

最新推荐文章于 2022-07-27 23:22:41 发布

阅读量3.3k

点赞数 1

分类专栏： # web前端文章标签：倒计时

本文链接：https://blog.csdn.net/qq_36303853/article/details/94573703

版权

vue、js/jq、h5/css、小程序同时被 2 个专栏收录

66 篇文章 23 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

web前端

50 篇文章 0 订阅

订阅专栏

本文分享了如何使用JavaScript在网页中实现简单的倒计时功能，通过代码展示实现过程。

摘要由CSDN通过智能技术生成

直接上代码

var h = 1; //小时
var maxtime = h * 60 * 60;//按秒计算，自己调整!
//在网页切换的时候window对象也不会被销毁
if(window.name == '') {
	window.name = maxtime; 
} else {
	maxtime = window.name;
}

function CountDown() {
	if(maxtime >= 0) {
		//floor() 方法执行的是向下取整计算，它返回的是小于或等于函数参数，并且与之最接近的整数
		minutes = Math.floor(maxtime / 60 % 60);
		seconds = Math.floor(maxtime % 60);
		if(maxtime == 5 * 60) alert('注意，还有5分钟!');
		--maxtime;
		window.name = maxtime;
	} else {
		//		清除定時器
		clearInterval(timer);
		//		删除属性
		a.removeAttribute('href');
		//		添加属性
		btn.setAttribute("disabled", "disabled");
		box.innerHTML = "活动已结束!";
	}
}
timer = setInterval("CountDown()", 1000);