setTimeout · JavaScript

## setTimeout() 隔一段事件執行,并且只會執行一次. ``` <body> <input type="button" id="btn1" value="定時"> <input type="button" id="btn2" value="取消"> <script> var timeId; var btn1 = document.getElementById('btn1'); btn1.onclick = function () { //兩個參數 // 第一個參數是要執行的函數 // 第二個參數是間隔的時間,單位是毫秒. timeId = setTimeout(function () { console.log('定時任務'); }, 3000); } var btn2 = document.getElementById('btn2'); btn2.onclick = function () { //取消定時器的執行,傳入 clearTimeout(timeId); }; </script> ``` ## 案例 ``` <style> #tip { position: fixed; top: 50%; left: 50%; margin-left: -50px; width: 100px; height: 50px; background-color: skyblue; text-align: center; line-height: 50px; display: none; } </style> </head> <body> <input type="button" id="btn" value="刪除"> <div id="tip">刪除成功</div> <script> var btn = document.getElementById('btn'); btn.onclick = function () { var tip = document.getElementById('tip'); tip.style.display = 'block'; setTimeout(function () { tip.style.display = 'none'; },3000) } </script> ```