导航:首页 > 编程语言 > js计时器重置

js计时器重置

 发布时间：2023-08-14 22:14:29

『壹』 大神帮忙指导写个js计时器，在计时过程中如果点击鼠标或者按键盘，取消正在执行的计时器，重新开始计时

直接上代码,可以直接运行
<html>
<head>
<style>
*{margin:0;padding:0;}
#box{width:400px;height:400px;margin:40px auto;}
#box div{width:200px;height:40px;border:1px #F3C solid;text-align:center;float:left;font-size:26px;}
#box button{float:left;margin-top:10px;margin-left:20px;}
#box span{float:left;width:200px;height:100px;overflow-y:auto;display:block;border:1px #C9C solid;margin-top:10px;}
</style>
</head>

<body>
<div id="box">
<div id="timer"></div>
<button onClick="btTime()">btTime</button>
<button onClick="count()">count</button>
<span id="show"></span>
</div>
<script type="text/javascript">
var timer=document.getElementById("timer");
var butt=document.getElementsByTagName("button");
var show=document.getElementById("show");
var m='000';//分
var s='00';//秒
var ms='000';//毫秒
timer.innerHTML=m+":"+s+":"+ms;
var x=0,y=0,f=0,w=0,t1,t2;
var flag=0;
function btTime(){
(flag){
case 0 : flag=1;w=1;t2=setInterval(beginMs,10);t1=setInterval(beginS,1000);butt[0].
innerHTML='stop';break;
case 1 : flag=2;clearInterval(t1);clearInterval(t2);butt[0].innerHTML='reset';break;
case 2 : flag=0;w=0;x=0;y=0;m='000';show.innerHTML="";s='00';ms='000';timer.innerHTML=m+":"+s+":"+ms;butt[0].innerHTML='btTime'; break;
}
}
function beginS(){//计算秒
x++;

if(x<=9){
s='0'+x;
}else if(x>=10&&x<=59){
s=x;
}else if(x>59){
f++;
x=0;
s='00';
}
if(m<=999&&m>=100){
m=f;
}else if(m>=10&&m<=99){
m='0'+f;
}else if(m<10){
m='00'+f;
}
timer.innerHTML=m+":"+s+":"+ms;

}
function beginMs(){//计算毫秒
y+=10;
/*if(y<10){
ms='00'+y;
}else */if(y>=10&&y<=99){
ms='0'+y;
}else if(y>=100&&y<=999){
ms=y;
}else{y=0;ms="000";}
timer.innerHTML=m+":"+s+":"+ms;

}

function count(){
if(w==1){
show.innerHTML+=timer.innerHTML+"<br>";
}
}
</script>
</body>
</html>

『贰』 js 如何清除setinterval

需要准备的材料来分别有自：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

『叁』 js的计时器重复点击开始计时如何清除上一次的计时器

点击开始计时时先调用停止计时函数和重置函数再调用开始计时函数就可以了。

<!DOCTYPEhtml>
<html>

<head>
<metacharset="utf-8">
<title>计时器</title>
<scripttype="text/javascript">
varc=0;
vart;
varonOff=true;

functiontimedCount(){
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}

functionstopCount(){
clearTimeout(t);
}

functioncs(){
c=0;
document.getElementById('txt').value=0;
}
</script>
</head>

<body>
<form>
<inputid="btn1"type="button"value="开始计时"onclick="stopCount();cs();timedCount();">
<inputtype="text"id="txt">
<inputtype="button"value="停止计时"onclick="stopCount()">
<inputtype="button"value="重置"onclick="cs()">
</form>
<p>当点击“开始计时”的按钮时，从0开始一直进行计时，当点击“停止计时”按钮时停止计时。</p>
</body>

</html>

『肆』 JavaScript定时器取消后怎样重新启动

答主，fun1函数不用var声明的话会报错哦
应该能是这样吧--
vart=setInterval(fun1,500)//fun1是你的函数
varfun1=function(){
//写入你的函数
alert("执行代码");
}
clearInterval(t)//清除定时器
t=setInterval(fun1,500)//重新开始定时器

『伍』 JS计时器要有时分秒，而且刷新页面要重置

window.onload = function(){
var HH = 0;
var mm = 0;
var ss = 0;
var str = '';
var timer = setInterval(function(){
str = "";

if(++ss==60)
{
if(++mm==60)
{
HH++;
mm=0;
}
ss=0;
}

str+=HH<10?"0"+HH:HH;
str+=":";
str+=mm<10?"0"+mm:mm;
str+=":";
str+=ss<10?"0"+ss:ss;
document.getElementById("d").innerHTML = str;
},1000);
};

『陆』 javascript怎么清除所有的定时器setInterval

//创建一个定时器
vartimer=setInterval(function(){
//dosomething...
if(这里写条件){//满足某个条件时清除定时器
clearInterval(timer);
}
},1000)

阅读全文

与js计时器重置相关的资料

热点内容
app无法下载是为什么苹果手机 浏览：518
右击此电脑管理找不到此文件 浏览：264
图像文件格式百科 浏览：523
没有网络怎么定位 浏览：972
剪切到优盘文件找不到了 浏览：764
电脑管家的文件名 浏览：910
如何将扫描文件转换为电子版 浏览：4
u盘的h246文件怎么播放 浏览：203
如何用阿里云服务器学习数据库 浏览：84
华为文件管理找不到下载文件 浏览：409
word模板dot的使用 浏览：466
春节车找人app哪个好 浏览：618
文件管理电脑找不到了怎么办 浏览：516
如何改变app图标图片 浏览：767
什么是大数据结构的最低层 浏览：575
pdf文件给对方后期改密码收回 浏览：295
word2010怎么画箭头 浏览：184
win10的自动备份文件在哪个目录 浏览：843
文件夹打包成jar 浏览：456
卸载鲁大师找不到文件 浏览：173

友情链接