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> ```