倒计时器

最新推荐文章于 2024-11-28 12:21:14 发布

flying_wind2008

最新推荐文章于 2024-11-28 12:21:14 发布

阅读量366

点赞数

CC 4.0 BY-SA版权

分类专栏： js 秒表倒计时文章标签： date button function input html

本文链接：https://blog.youkuaiyun.com/flying_wind2008/article/details/6760148

js 同时被 3 个专栏收录

23 篇文章

订阅专栏

秒表

1 篇文章

订阅专栏

倒计时

1 篇文章

订阅专栏

本文提供了一个简单的HTML和JavaScript实现方案，用于显示从当前时刻到2012年1月1日零点的倒计时。通过定时更新页面上的元素，展示剩余的天数、小时数、分钟数及秒数。

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

显示一个距离2012年凌晨零点的倒计时秒表

html代码：

<input id="timeTxt" size="80"><button onclick='int = setInterval(countdown,1000)'  />开始计时</button><button onclick='clearInterval(int)'>停止计时</button>

js代码：

function countdown(){
	var n = new Date();
	var ed = new Date(2011,11,31,23,59,59) //将2011年12月31号23时59分59秒存入对象data2中,显示为Thu Sep 8 13:40:59 UTC+0800 2011，如是2012年凌晨零点，也可以直接写2012,0,1,0,0,0，那后面写出秒的时候就直接用s，不需要s+1了
	//都是以毫秒为单位，所以要除以1000，得到的就是二者相距的秒数
	t = (ed-n)/1000;
	//取时间要向下舍入，比如3.5天，肯定是算3天12小时,所以要用floor()
	var d = Math.floor(t/(24*60*60)); 
	var h = Math.floor(t%(24*60*60)/(60*60));
	var m = Math.floor(t%(60*60)/60);
	var s = Math.floor(t%60);
	document.getElementById("timeTxt").value = "距离2012年还剩"+d+"天"+h+"小时"+m+"分钟"+(s+1)+"秒"
}