我有一個按鈕,單擊后會生成一個亂數(從 1 到 100)。我必須做到:
- 以 100ms 的間隔回圈亂數。
- 回圈在 10 個數字后停止。
- 數字回圈時禁用該按鈕。
- 回圈停止時啟用按鈕。
不確定我是否正確完成了代碼,我可以讓數字在點擊后回圈,但無法讓它在 10 個數字后停止。我也無法在回圈時禁用并在回圈停止時啟用按鈕。感謝您的幫助。謝謝!
這是我的代碼:
btn.onclick= function (){
var random = Math.floor(Math.random()*100 1);
var interval = setInterval(function(){
random = Math.floor(Math.random()*100 1);
document.getElementById("lucky").innerHTML = "Your Lucky Number is: " random;},100);};
uj5u.com熱心網友回復:
- 以 100ms 的間隔回圈亂數。
- 回圈在 10 個數字后停止。
clearInterval(interval); - 數字回圈時禁用該按鈕。
btn.disabled = true; - 回圈停止時啟用按鈕。
btn.disabled = false;
var btn = document.getElementById('randomize');
btn.addEventListener('click', function () {
btn.disabled = true;
var cpt = 0;
var interval = setInterval(function() {
cpt ;
var random = Math.floor(Math.random()*100 1);
document.getElementById("lucky").innerHTML = "Your Lucky Number is: " random;
if (cpt === 10) {
btn.disabled = false;
clearInterval(interval);
}
},100);
});
<button id="randomize">click me</button>
<div id="lucky"></div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/434759.html
標籤:javascript 循环
