定时器对象
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 }