1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>window對象</title> 6 <script> 7 //調用window對象的屬性或方法,可以省略"window." 8 //彈出框 9 function f1() { 10 alert("你好"); 11 } 12 function f2() { 13 var b = confirm("你吃了嗎?"); 14 console.log(b); 15 } 16 function f3() { 17 var v = prompt("你吃的啥?"); 18 console.log(v); 19 } 20 //周期性定時器 21 function f4() { 22 //啟動定時器,讓瀏覽器每1000毫秒調用一次函數. 23 //該方法返回定時器的ID,此ID用於停止此定時器. 24 var n = 5; 25 var id = setInterval(function(){ 26 console.log(n--); 27 if(n<0) { 28 clearInterval(id); 29 console.log("DUANG"); 30 } 31 },1000); 32 //啟動定時器就相當於啟動了一個支線程, 33 //而當前方法f4相當於主線程,2個線程是 34 //並發執行的,不互相等待.因此f4方法在 35 //啟動了定時器后,立刻執行輸出BOOM的代碼, 36 //而定時器卻是在1000毫秒后才執行第一次. 37 console.log("BOOM"); 38 } 39 //一次性定時器 40 var id; 41 function f5() { 42 //啟動定時器,讓瀏覽器在10000毫秒后調用該函數. 43 //瀏覽器調用函數后,該定時器會自動停止. 44 id = setTimeout(function(){ 45 console.log("叮叮叮叮叮"); 46 },10000); 47 } 48 function f6() { 49 clearTimeout(id); 50 } 51 </script> 52 </head> 53 <body> 54 <p> 55 <input type="button" value="按鈕1" onclick="f1();"/> 56 <input type="button" value="按鈕2" onclick="f2();"/> 57 <input type="button" value="按鈕3" onclick="f3();"/> 58 </p> 59 <p> 60 <input type="button" value="倒數" onclick="f4();"/> 61 <input type="button" value="提醒" onclick="f5();"/> 62 <input type="button" value="取消" onclick="f6();"/> 63 </p> 64 </body> 65 </html>