<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>計(jì)時(shí)器</title>
</head>
<script?type="text/javascript">
??var?num=0;
??var?i;
??function?startCount(){
????document.getElementById('count').value=num;
????num=num+1;
????i=setTimeout("startCount()",1000);
??}
??function?stopCount(){
??????clearTimeout(i);
??}
</script>
</head>
<body>
??<form>
????<input?type="text"?id="count"?/>
????<input?type="button"?value="Start"?onClick("startCount()")?/>
????<input?type="button"?value="Stop"?onClick("stopCount()")??/>
??</form>
</body>
</html>

2016-10-25
2016-10-19
每點(diǎn)一次start按鈕,就會(huì)調(diào)用一次startCount()函數(shù),所以計(jì)時(shí)速度就會(huì)加快。
如果想停止就,點(diǎn)相應(yīng)次數(shù)的stop。
2016-10-14
function startCount(){
?clearTimeout(i);
?document.getElementById('count').value=num;
?num=num+1;
?i=setTimeout("startCount()",1000);
}
主要的原因是你在start里面沒(méi)有清除原來(lái)的定時(shí)器, 如果點(diǎn)擊多次之后, stop也需要點(diǎn)擊多次才會(huì)停止所有已開(kāi)啟的定時(shí)器
2016-10-14
大概看了下,本身邏輯沒(méi)有問(wèn)題,把下面的點(diǎn)擊事件后面改成"="試試
<input type="button" value="Start" onClick="startCount()" />
<input type="button" value="Stop" onClick="stopCount()" ?/>
2016-10-14
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>計(jì)時(shí)器</title>
</head>
<script type="text/javascript">
var num=0;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout(startCount,1000);
}
setTimeout(startCount,1000);
function stopCount(){
? ? clearTimeout(i);
}
</script>
</head>
<body>
? <form>
? ? <input type="text" id="count" />
? ? <input type="button" value="Start" onClick("startCount()") />
? ? <input type="button" value="Stop" onClick("stopCount()") ?/>
? </form>
</body>
</html>
2016-10-14
<script?type="text/javascript">
??var?num=0;
??var?i;
??function?startCount(){
????document.getElementById('count').value=num;
? ?for(i=0;i<num.length;i++) {
? ?num=num+1;
????i=setTimeout("startCount()",1000);
??}
}
??function?stopCount(){
??????clearTimeout(i);
??}
</script>
</head>
<body>
??<form>
????<input?type="text"?id="count"?/>
????<input?type="button"?value="Start"?onClick("startCount()")?/>
????<input?type="button"?value="Stop"?onClick("stopCount()")??/>
??</form>
</body>
</html>