javascript - 請(qǐng)問(wèn)w3c里面這個(gè)js案例,我用window.onload來(lái)寫(xiě)怎么點(diǎn)擊結(jié)束按鈕之后,再點(diǎn)擊開(kāi)始,從0計(jì)數(shù)
問(wèn)題描述
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Document</title> <script> window.onload = function() { var a = 0; obtn1 = document.getElementById('btn1'); obtn2 = document.getElementById('btn2'); obtn1.onclick = function() {setTimeout(function rec() { document.getElementById('txt').value = a; a = a + 1; x = setTimeout(rec, 1000)}, 1000) } obtn2.onclick = function() {var b = 0;setTimeout(document.getElementById(’txt’).value=0, 0); clearTimeout(x);} } </script></head><body> <input type='text' name='text' /> <input type='button' value='開(kāi)始計(jì)時(shí)!' /> <input type='button' value='結(jié)束計(jì)時(shí)!' /></body></html>
這是我自己學(xué)著寫(xiě)的,請(qǐng)問(wèn)哪里出問(wèn)題了,點(diǎn)擊結(jié)束之后,是接著原來(lái)的數(shù)字計(jì)數(shù)的,我希望再點(diǎn)擊開(kāi)始的時(shí)候,從0開(kāi)始。
問(wèn)題解答
回答1:obtn2.onclick = function() {a = 0; //需要重新重置開(kāi)始數(shù)字document.getElementById(’txt’).value=0; clearTimeout(x);} }回答2:
點(diǎn)擊結(jié)束重加載一下頁(yè)面啊!
回答3:window.onload=function(){ var a = 0;
obtn1 = document.getElementById('btn1');obtn2 = document.getElementById('btn2');txt=document.getElementById(’txt’);obtn1.onclick=function(){txt.value=++a;}obtn2.onclick=function(){a=0;txt.value=a;}
}
回答4:把var a = 0;放到obtn1.onclick這個(gè)函數(shù)里聲明就好了
