亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何讓button只能點擊一次

有bug啊,怎么才能讓“button"只能執行一次,當持續點擊button,則不是按照一秒執行一次,而是,,,

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>計時器</title>

</head>

<script type="text/javascript">

? var num=0;

? var i;

? function startCount(){

? ? document.getElementById('count').value=num;

? ? num=num+1;

? ? i=setTimeout("startCount()",1000);

? }

? function stopCount(){

? clearTimeout(i);

? }

</script>

</head>

<body>

? <form>

? ? <input type="text" id="count" />

? ? <input type="button" value="Start" onclick="startCount()" />

? ? <input type="button" value="Stop" ?onclick="stopCount()" />

? </form>

</body>

</html>


正在回答

4 回答

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計時器</title>
</head>
<script type="text/javascript">
? var num=0;
? var i;
? function startCount(){
??? document.getElementById('count').value=num;
??? num=num+1;
??? i=setTimeout("startCount()",1000);
??? document.getElementById("Start").disabled=true;
? }
? function stopCount(){
? clearTimeout(i);
? document.getElementById("count").value="";
? document.getElementById("Start").disabled=false;

? }
</script>
</head>
<body>
? <form>
??? <input type="text" id="count" />
??? <input type="button" value="Start" id="Start" onclick="startCount()" />
??? <input type="button" value="Stop"? onclick="stopCount()" />
? </form>
</body>
</html>

????下劃線的部分是我和你不同的部分,我給開始按鈕加了一個ID,然后通過在函數中加了三個樣式,實現了開始按鈕點擊一次不可用,停止按鈕點擊后開始按鈕回復,文本框清零。

2 回復 有任何疑惑可以回復我~

我也隱隱約約發現了這個問題,你說的是按多次start的話計時會變快是吧。判斷一下就行了,num=0的話就執行函數里面的內容。但問題根本原因是什么,這個就不太清楚。難道是多線程?OTZ

0 回復 有任何疑惑可以回復我~

function stopCount(){

? num=0;

? clearTimeout(i);

? }

加一句num=0;

0 回復 有任何疑惑可以回復我~

var gg=true;

function startCount(){

? ? document.getElementById('count').value=num;

? ? num=num+1;

if(gg){

gg=false;?

?? i=setTimeout(function(){

startCount();

gg=true;

},1000);

}



0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

如何讓button只能點擊一次

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號