setInterval和setTimeout中止的方法

時間 2019-11-12

標籤 setinterval settimeout 中止方法简体版

原文原文鏈接

1,HTML DOM setInterval() 方法
定義和用法
setInterval() 方法可按照指定的週期（以毫秒計）來調用函數或計算表達式。
setInterval() 方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。由 setInterval() 返回的 ID 值可用做 clearInterval() 方法的參數。
語法
setInterval(code,millisec[,"lang"])
參數描述
code 必需。要調用的函數或要執行的代碼串。
millisec 必須。週期性執行或調用 code 之間的時間間隔，以毫秒計。
返回值
一個能夠傳遞給 Window.clearInterval() 從而取消對 code 的週期性執行的值。
2,HTML DOM clearInterval()方法
定義和用法
clearInterval() 方法可取消由 setInterval() 設置的 timeout。
clearInterval() 方法的參數必須是由 setInterval() 返回的 ID 值。
語法
clearInterval(id_of_setinterval)
參數描述
id_of_setinterval 由 setInterval() 返回的 ID 值。css

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="珞珈網絡科技有限公司-js打字機效果_js打字效果_setInterval中止方法">
  <meta name="Keywords" content="js打字機效果,js打字效果,setInterval中止方法">
  <meta name="Description" content="">
  <style type="text/css">
  #demo{font-family:宋體; font-size:14px; line-height:22px; background:#f5f5f5; color:#000;}
  </style>
 </head>

 <body>
  <p id="demo"></p>
  <script>
  var myVar="珞珈網絡團隊位於秀美的武漢大學珞珈山腳下，以武漢大學優秀的人才資源爲依託爲客戶提供一流的建站服務和完善的售後保障...歡迎致電027-87860378與客服溝通洽談，或訪問咱們的官網http://www.luojianet.com/瞭解更多關於公司信息。";
    x=myVar.length;
    myArray=myVar.split("");
    i=0;
  var int;
  int=setInterval("shuchu()",100);
  function shuchu()
  {    
  document.getElementById('demo').innerHTML+=myArray[i++];
  if (i==x)
  {
  clearInterval(int);
  }
  }
  </script>
  </body>
</html>

1,HTML DOM setTimeout() 方法
定義和用法
setTimeout() 方法用於在指定的毫秒數後調用函數或計算表達式。
語法
setTimeout(code,millisec)
參數描述
code 必需。要調用的函數後要執行的 JavaScript 代碼串。
millisec 必需。在執行代碼前需等待的毫秒數。
提示和註釋
提示：setTimeout() 只執行 code 一次。若是要屢次調用，請使用 setInterval() 或者讓 code 自身再次調用 setTimeout()。
2,HTML DOM clearTimeout() 方法
定義和用法clearTimeout() 方法可取消由 setTimeout() 方法設置的 timeout。語法clearTimeout(id_of_settimeout)
參數描述
id_of_setinterval 由 setTimeout() 返回的 ID 值。該值標識要取消的延遲執行代碼塊。html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
    <script>
    var myVar="珞珈網絡團隊位於秀美的武漢大學珞珈山腳下，以武漢大學優秀的人才資源爲依託爲客戶提供一流的建站服務和完善的售後保障...歡迎致電027-87860378與客服溝通洽談，或訪問咱們的官網http://www.luojianet.com/瞭解更多關於公司信息。";
    myArray=myVar.split("");
    i=0;
    var t=1;
    function time()
    {
    document.getElementById('demo').innerHTML+=myArray[i++]+t;
    t=setTimeout("time()",1);
    if (i>=myVar.length)
    {
        clearTimeout(t);
    }
    }
    </script>
 </head>

 <body>
<button onclick="time()">開始</button>
<div id="demo"></div>
  </body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。