我希望為這個(gè)項(xiàng)目提供一些幫助。我正在使用 Javascript 創(chuàng)建一個(gè)小項(xiàng)目，我對(duì) HTML、CSS 和 JavaScript 仍然很陌生。我想用我的程序做的是，計(jì)數(shù)器將在 1 分鐘過去后停止，并出現(xiàn)一個(gè)彈出窗口，不再接受任何點(diǎn)擊。以下是我的代碼，任何幫助將不勝感激！var count = 0;var countblack = 0;var countred = 0;var countButton = document.getElementById("black");var countButtonC = document.getElementById("red");var displayCount = document.getElementById("displayCount");black.onclick = function() { count++; countblack++; displayCount.innerHTML = count; displayCountblack.innerHTML = countblack;}red.onclick = function() { count++; countred++; displayCount.innerHTML = count; displayCountred.innerHTML = countred;}http://jsfiddle.net/wr1ua0db/544/
1 回答
動(dòng)漫人物
TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超10個(gè)贊
您可以使用setTimeout60 秒計(jì)數(shù)，然后禁用按鈕。下面是解決方案
var allowClick = true;
var count = 0;
var countblack = 0;
var countred = 0;
var black = document.getElementById("black");
var red = document.getElementById("red");
var displayCount = document.getElementById("displayCount");
var displayBlackCount = document.getElementById("displayBlackCount");
var displayRedCount = document.getElementById("displayRedCount");
black.onclick = function() {
if (!allowClick) return;
count++;
countblack++;
displayCount.innerHTML = count;
displayBlackCount.innerHTML = countblack;
}
red.onclick = function() {
if (!allowClick) return;
count++;
countred++;
displayCount.innerHTML = count;
displayRedCount.innerHTML = countred;
}
startTime(60); // time in seconds
function startTime(time) {
var timer = setTimeout(function() {
black.setAttribute('disabled', 'disabled');
red.setAttribute('disabled', 'disabled');
allowClick = false;
clearTimeout(timer)
}, 1000 * time)
}
<button id="black">Count Black</button>
<button id="red">Count Red</button>
<div>Display Count: <span id="displayCount">0</span></div>
<div>Black Count: <span id="displayBlackCount">0</span></div>
<div>Red Count: <span id="displayRedCount">0</span></div>
- 1 回答
- 0 關(guān)注
- 171 瀏覽
添加回答
舉報(bào)
0/150
提交
取消