我正在创建一个带有计时器倒计时的儿童游戏,该游戏在用户单击按钮后开始。
我正在使用的代码可以毫无问题地启动倒计时,但我希望倒计时仅在单击按钮后才开始。
这是我的代码:
window.onload = function(){
(function(){
var counter = 5;
setInterval(function() {
counter--;
if (counter >= 0) {
span = document.getElementById("count");
span.innerHTML = counter;
}
if (counter === 0) {
alert('sorry, out of time');
clearInterval(counter);
}
}, 1000);
})();
}
JSFiddle http://jsfiddle.net/6nDYd/8/
谢谢你!
劳伦
使用操作链接的点击事件id=“开始时钟”
$("#startClock").click( function(){
var counter = 5;
setInterval(function() {
counter--;
if (counter >= 0) {
span = document.getElementById("count");
span.innerHTML = counter;
}
if (counter === 0) {
alert('sorry, out of time');
clearInterval(counter);
}
}, 1000);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)