javascript 实现一小时倒计时计时器

最新推荐文章于 2025-02-28 17:24:53 发布

紫发sakura

最新推荐文章于 2025-02-28 17:24:53 发布

阅读量6.1k

点赞数

分类专栏： web

本文链接：https://blog.youkuaiyun.com/qq_36428684/article/details/79781639

版权

本文通过JavaScript代码展示了如何创建一个60分钟的倒计时计时器，解决了重复点击开始按钮导致计时速度加倍的问题，并确保文字提示采用英文以避免乱码。该计时器可作为基础，用于添加更多功能。

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

本篇文章使用js实现一个1小时倒计时的计时器

我们容易犯的一个错误是重复点击开始按钮会导致计时速度加倍。

这个bug可以使用类似于全局变量判断的方法解决，具体请看代码。（已经处理并测试完成）

为了避免乱码，程序中的文字提示全部使用英语了。

如果需要实现额外功能可以在此基础上再做修改。

<html>
<head>
<script type="text/javascript">
var c=0;var c1=60;var c2=0;

var runing=0;var stop=0;  

function timedCount()
{
	document.getElementById('txt').value=c;
	document.getElementById('txt1').value=c1;
	document.getElementById('txt2').value=c2;
	c2=c2-5;
	if(c2<0)
		{ c=c-1;c2=c2+100;}
	if(c<0)
		{c1=c1-1;c=c+60;}
	if(stop==0)
		setTimeout("timedCount()",50)
	else  
		return;
}
function start()
{
	stop=0;
 	if(runing==0)
 		timedCount();
 	runing=1; 
 	return;
}

function stop1()
{
 	stop=1;runing=0;
}

</scr

最低0.47元/天解锁文章