导航:首页 > 编程语言 > 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计时器重置相关的资料

热点内容
红头文件订书红线在哪里 浏览：851
excel怎么做文件头 浏览：703
为什么word找不到文件菜单 浏览：671
ios15安装后找不到描述文件 浏览：440
学编程怎么学最有效 浏览：873
通过wifi传文件到ipad 浏览：197
js随机颜色 浏览：611
文件快速复制到u盘的软件 浏览：443
如何检查无线网络驱动是否正常 浏览：468
百度网盘来自分享的文件在哪里 浏览：127
如何发视频到腾讯视频文件夹里 浏览：510
微信打开cad外部文件找不到 浏览：882
平板可以打开各种文件后缀的软件 浏览：531
苹果微信文件怎么全选 浏览：749
手机里之前打开过的文件在哪里找 浏览：685
cad能看word文件吗 浏览：719
12306火车票系统后台数据库 浏览：570
js翻译德语 浏览：33
从哪里可以下载a股的数据 浏览：437
逻辑文件名和物理文件名关系 浏览：66

友情链接