今天在寫個(gè)圖片切換的問題 有動(dòng)畫滯后的問題,才動(dòng)手去查setTimeout 和clearTimeout。之前寫的圖片播放器也有類似的問題,有自動(dòng)start按鈕 和stop按鈕,
其他都正常,問題出在每次多次快速的點(diǎn)擊start按鈕時(shí),圖片播放的速度會(huì)變塊很多,而且沒有規(guī)律。當(dāng)時(shí)也沒有去想這個(gè)問題,直到今天遇到了類似的問題
才決定去一探究竟。
列舉個(gè)簡單累加例子:
<!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() "/