定时器

Posted 2020-11-30 0422hao

原生的JS使用计时器做出图片轮播的效果。

window提供的定时器可以分为两种：setTimeout(code, time)和setTimeInterval(code, time)

（一）setTimeout(code, time)

<script type="text/javascript">
    function test(){
        alert("这是一个测试数据！");
    }
    //如果是setTimeout(test(),5000);则会立即执行！即使是匿名函数也会立即执行！
    window.onload = function(){
        setTimeout(alert("123"),5000);
    };
    //setTimeout(test(),5000);
    // setTimeout(test,5000);        
</script>

注意：计时器中的内容只会执行一次，可以使用clearTimeout( obj )销毁。

function test(){
        alert("这是一个测试数据！");
    };
    st = setTimeout(test,5000);    
    clearTimeout(st);

上述的代码，不会有弹窗出来，因为还没有弹出就已经被销毁了。