JS定時器_setTimeout

本文轉載自查看原文 2016-03-15 21:57 1967 JS定時器

ZC：setInterval 為自動重復，setTimeout 不會重復。

1、

window.setTimeout(A, B);

window.clearTimeout(?);

2、

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 
 3 <html>
 4 
 5 <style type="text/css">
 6 </style>
 7 
 8 <script type="text/javascript" >
 9 
10     window.onload = function()
11     {
12         var t1 = window.setTimeout(Hello, 500);
13         var t2 = window.setTimeout("Hello()",1000);//使用字符串執行方法
14         //window.clearTimeout(t1);//去掉定時器
15         //window.clearTimeout(t2);//去掉定時器
16 
17         var zz = new Tzz();
18         window.setTimeout(zz.SayHi, 500);
19         window.setTimeout(Tzz.prototype.SayBye01, 500);
20         window.setTimeout(Tzz.prototype.SayBye02, 500);
21         window.setTimeout(zz.SayBye, 500);
22         window.setTimeout(Tzz.SayHi01, 500);    // ZC: 沒有任何反應
23         window.setTimeout(Tzz.SayBye02, 500);    // ZC: 沒有任何反應
24 
25         Tzz.prototype.SayBye01.call(window);
26     };
27 
28     function Hello()
29     {
30         console.log("hello");
31     }
32 
33     function Tzz()
34     {
35         this.SayHi = function()
36         {
37             console.log("Hi");
38         };
39         this.SayHi01 = function()
40         {
41             console.log("Hi01");
42         };
43     }
44 
45     Tzz.prototype = 
46     {
47         SayBye : function()
48         {
49             console.log("Bye");
50         },
51 
52         SayBye01 : function()
53         {
54             console.log("Bye01");
55         },
56     };
57 
58     Tzz.prototype.SayBye02 = function()
59     {
60         console.log("Bye02");
61     };
62 
63 </script>
64 
65 <div id="div01">
66 </div>
67 
68 </html>

ZC: 測試下來，

setTimeout(zz.SayHi, 500);
setTimeout(Tzz.prototype.SayBye01, 500);
setTimeout(Tzz.prototype.SayBye02, 500);
setTimeout(zz.SayBye, 500);

這樣都是OK的（注意 Tzz.prototype.SayBye01作為參數，當它被調用時 this應該是指向window的）

3、

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js-定時器（setInterval, setTimeout）清除setTimeout定時器詳解JS中定時器setInterval和setTImeout的this指向問題定時器setTimeout()、setInterval()理解 js 定時器只執行一次函數的定時器, 對應的代碼是setTimeout函數反復執行函數的定時器, 對應的代碼是setInterval函數 js定時器 js中定時器setTimeout與setInterval使用方法經驗總結微信小程序JS定時器setTimeout與setInterval使用方法前端開發：setTimeout與setInterval 定時器與異步循環數組 Jquery中使用定時器setInterval和setTimeout - 重要