JS时钟问题，开始onclick

所以我正在建立一个游戏，我需要一个计数器。计数器需要开始onclick，当完成停止00（从1m到00）（现在它开始onload，并且当它到达00它再次开始）。JS时钟问题，开始onclick

HTML：

<body> 
<div> 
<div class="timer" >Battle time: <span id="time"></span></div> 
<p>BATTLE</p> 
<BUTTON class="begin" onclick="" ><b>START</b></BUTTON> 
</div> 
</body>

JS：

function startTimer(duration, display) { 
    var timer = duration, minutes, seconds; 
    setInterval(function() { 
     minutes = parseInt(timer/60, 10); 
     seconds = parseInt(timer % 60, 10); 

     minutes = minutes < 10 ? "0" + minutes : minutes; 
     seconds = seconds < 10 ? "0" + seconds : seconds; 

     display.textContent = minutes + ":" + seconds; 

     if (--timer < 0) { 
      timer = duration; 
     } 
    }, 1000); 
} 

window.onload = function() { 
    var oneMinutes = 60 * 1, 
     display = document.querySelector('#time'); 
    startTimer(oneMinutes, display); 
};

来源

2017-06-03 urosv

你需要clearinterval达到00。而且与点击功能应用这样

onclick="startTimer(60,document.querySelector('#time'))"

function startTimer(duration, display) { 
 
    var timer = duration, 
 
    minutes, seconds; 
 
var timers = setInterval(runner, 1000); 
 
function runner() { 
 
    minutes = parseInt(timer/60, 10); 
 
    seconds = parseInt(timer % 60, 10); 
 

 
    minutes = minutes < 10 ? "0" + minutes : minutes; 
 
    seconds = seconds < 10 ? "0" + seconds : seconds; 
 

 
    display.textContent = minutes + ":" + seconds; 
 

 
    if (--timer < 0) { 
 
     clearInterval(timers) 
 
    } 
 
    } 
 

 
} 
 

 
window.onload = function() { 
 
    var oneMinutes = 60 * 1, 
 
    display = document.querySelector('#time'); 
 
    startTimer(oneMinutes, display); 
 
};

<body> 
 
    <div> 
 
    <div class="timer">Battle time: <span id="time"></span></div> 
 
    <p>BATTLE</p> 
 
    <BUTTON class="begin" onclick="startTimer(60,document.querySelector('#time'))"><b>START</b></BUTTON> 
 
    </div> 
 
</body>

后

来源

2017-06-03 11:26:29 prasanth

您可以使用clearInterval停止的时间间隔。

function startTimer(duration, display) { 
    var timer = duration, minutes, seconds; 
    var handler = setInterval(function() { 
     minutes = parseInt(timer/60, 10); 
     seconds = parseInt(timer % 60, 10); 

     minutes = minutes < 10 ? "0" + minutes : minutes; 
     seconds = seconds < 10 ? "0" + seconds : seconds; 

     display.textContent = minutes + ":" + seconds; 

     if (--timer < 0) { 
      clearInterval(handler); 
     } 
    }, 1000); 
}

来源

2017-06-03 11:22:20

JS时钟问题，开始onclick

回答

相关问题