定時器工作在JavaScript

Question

在我的項目，我使用它運行定時器，當啓動按鈕被點擊和最終點擊

的問題是由錯誤，當停止時，啓動按鈕被點擊雙重或超過一次..time更多需要+1000 millsec額外的啓動及運行速度更快..this不應該發生

我的JavaScript ..

<script type="text/javascript"> 
var sec = 0; 
var min = 0; 
var hour = 0; 
function stopwatch(text) { 
    sec++; 
    if (sec == 60) { 
     sec = 0; 
     min = min + 1; 
    } else { 
     min = min; 
    } 

    if (min == 60) { 
     min = 0; 
     hour += 1; 
    } 
    if (sec<=9) { sec = "0" + sec; } 
    document.getElementById("starttime").innerHTML = ((hour<=9) ? "0"+hour : hour) + " : " + ((min<=9) ? "0" + min : min) + " : " + sec; 
    SD=window.setTimeout("stopwatch();", 1000); 
} 

function f3() { 
    clearTimeout(SD); 
} 
</script> 
<form name="clock"> 
<div id="starttime" style="font-size:large; "></div> 
<input type="button" name="theButton" id="Start" value="Start" onClick="stopwatch(this.value);" /> 
<input type="button" name="theButton" id="end" value="Stop" onClick="f3();" /> 
</form> 

我已經試過這樣的事情..

if (document.clock.theButton.value == "Start") { 
      window.clearTimeout(SD); 
      return true; }` 

....但它不工作

Answer 1

不要直接撥打stopwatch()。

呼叫別的東西，檢查SD S狀態，並然後電話stopwatch()。

<input type="button" name="theButton" id="Start" value="Start" onClick="startStopWatch();" /> 

var sec = 0; 
var min = 0; 
var hour = 0; 
var SD; 

function startStopWatch(){ 
    if (!SD){ 
     stopwatch(); 
    } 
} 

function stopwatch() { 
    sec++; 
    if (sec == 60) { 
    sec = 0; 
    min = min + 1; } 
    else { 
    min = min; } 
    if (min == 60) { 
    min = 0; 
    hour += 1; } 
if (sec<=9) { sec = "0" + sec; } 
    document.getElementById("starttime").innerHTML = ((hour<=9) ? "0"+hour : hour) + " : " + ((min<=9) ? "0" + min : min) + " : " + sec; 
SD=window.setTimeout(stopwatch, 1000); 
} 

function f3() { 
    if (SD){ 
     clearTimeout(SD); 
    } 
} 

現場演示：http://jsfiddle.net/uJPff/2

Answer 2

你可以做這樣的事情：

var SD; 
function stopwatch(text) { 
    if (SD && text) { 
     return; 
    } 
      .... 
} 

function f3() { 
    clearTimeout(SD); 
    SD = false; 
    sec = 0; 
    min = 0; 
    hour = 0; 
} 

即你可以檢查，如果點擊按鈕時超時已經在運行，並且如果需要的話取消執行。

您可以在更新的jsFiddle進行測試。