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

热点内容
电子资料文件有哪些 浏览：241
猥琐猫表情教程 浏览：599
android音频文件格式 浏览：458
漫画脸app哪里可以下载 浏览：959
购买欢乐升级欢乐豆 浏览：282
学习智能机器人用什么编程最好 浏览：655
苹果手机如何管控app 浏览：633
mn文件夹 浏览：590
安卓平板通用刷机包下载 浏览：751
安卓获取内部存储路径 浏览：880
写代码两台显示器 浏览：327
unitypackage压缩文件 浏览：493
奕心安卓 浏览：563
使用土地的有关证明文件包含哪些 浏览：493
数据标注哪里可以接 浏览：482
在家自学编程下什么学 浏览：705
最近很火的app软件是什么软件 浏览：862
ai文字工具 浏览：157
兰博玩游戏路径怎么选择正确文件 浏览：972
淘宝直通车恢复老版本 浏览：510

友情链接