今天在寫個(gè)圖片切換的問題 有動(dòng)畫滯后的問題,才動(dòng)手去查setTimeout 和clearTimeout。之前寫的圖片播放器也有類似的問題,有自動(dòng)start按鈕 和stop按鈕,

其他都正常,問題出在每次多次快速的點(diǎn)擊start按鈕時(shí),圖片播放的速度會(huì)變塊很多,而且沒有規(guī)律。當(dāng)時(shí)也沒有去想這個(gè)問題,直到今天遇到了類似的問題

才決定去一探究竟。

列舉個(gè)簡(jiǎn)單累加例子:

seo優(yōu)化培訓(xùn),網(wǎng)絡(luò)推廣培訓(xùn),網(wǎng)絡(luò)營(yíng)銷培訓(xùn),SEM培訓(xùn),網(wǎng)絡(luò)優(yōu)化,在線營(yíng)銷培訓(xùn)

<!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() "/