導航:首頁 > 編程語言 > 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計時器重置相關的資料

熱點內容
makefile的文件路徑 瀏覽：392
計算機程序文件名擴展名為 瀏覽：982
網路游戲推廣策劃案 瀏覽：609
替換所有文件內容的代碼 瀏覽：960
不是常用數據模型有哪些 瀏覽：426
aspcms版本號 瀏覽：835
安卓怎麼用數據流量下載軟體 瀏覽：553
大眾手動空調數據流通道號是多少 瀏覽：303
手機qq令牌 瀏覽：737
cg原畫上色教程 瀏覽：993
婚介服務中心app怎麼做 瀏覽：43
日本蘋果66g多少錢 瀏覽：93
個性的文件夾名稱 瀏覽：697
怎麼設置文件打開密碼 瀏覽：811
手機版qq客服代碼怎麼用 瀏覽：24
fme可以打開哪些文件 瀏覽：339
好看的qq密碼 瀏覽：293
安卓唯一標識有哪些 瀏覽：243
win10ime 瀏覽：271
手機號大數據保護停機是什麼意思 瀏覽：81

友情鏈接