今天在寫個圖片切換的問題 有動畫滯后的問題,才動手去查setTimeout 和clearTimeout。之前寫的圖片播放器也有類似的問題,有自動start按鈕 和stop按鈕,
其他都正常,問題出在每次多次快速的點擊start按鈕時,圖片播放的速度會變塊很多,而且沒有規(guī)律。當(dāng)時也沒有去想這個問題,直到今天遇到了類似的問題
才決定去一探究竟。
列舉個簡單累加例子:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>計時器</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() "/>