定时器对象

1 setInterval(function () {
2          console.log('1212');
3     }, 2000)
setInterval('console.log(\'哈哈哈哈\');', 1000)
1 function test() {
2         console.log('呵呵呵!');
3     }
4 setInterval(test, 1000)
 1 window.onload = function (ev) {
 2         // 1. 获取标签
 3         var btn1 = document.getElementById('btn1');
 4         var btn2 = document.getElementById('btn2');
 5 
 6         var height = 165, intervalID;
 7 
 8         // 2. 开启定时器
 9         btn1.addEventListener('click', function (ev1) {
10              // 2.1 开始定时器
11             intervalID =  setInterval(function () {
12                  height += 1;
13                  console.log('小撩姐姐的身高是: ' + height + 'cm');
14             }, 1000);
15             console.log(intervalID);
16         });
17 
18         // 3. 结束定时器
19         btn2.addEventListener('click', function (ev1) {
20              clearInterval(intervalID);
21         });
22     }
 1 window.onload = function (ev) {
 2         var intervalID = setInterval(function () {
 3             $('time').innerText -= 1;
 4 
 5             // 清除定时器
 6             if( $('time').innerText === '0'){
 7                 clearInterval(intervalID);
 8                 // 显示和隐藏
 9                 $('pic').style.display = 'block';
10                 $('time').style.display = 'none';
11             }
12         }, 1000);
13     };
14 
15     function $(id) {
16         return typeof id === 'string' ? document.getElementById(id) : null;
17     }

 

posted @ 2019-07-16 21:19  疏影横斜水清浅  阅读(229)  评论(0编辑  收藏  举报