导航:首页 > 编程语言 > 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
什么是二层网络架构 浏览：402
中医看书好的app 浏览：516
win10纸牌变成英文 浏览：135
源码文件图片路径怎么形成的 浏览：432
ai变量宽度配置文件点不了 浏览：460
强制安装app去哪里举报 浏览：719
微信登录数据保存在哪里 浏览：321
pic编程哪里下载 浏览：549
苹果ipad官方壁纸 浏览：154
华创网络信号怎么样 浏览：495
共享单车网站源码 浏览：281
a班练琴app下载不了怎么回事 浏览：349
数控中怎么编程 浏览：409
vm如何安装linux系统 浏览：423
歌手实绩数据在哪里看 浏览：691
代码002 浏览：714
jdk如何编译java文件 浏览：900
修改iptables配置文件 浏览：427
word自动保存指定文件夹 浏览：18

友情链接