PHP-JS轮播图

方法：alert(message);警告框；

setInterval(function(){},1000)定时器；

clearInterval()取消定时器；

setTimeout(function(){},1000);延迟定时器

clearTimeout()；取消定时；

定时器
    var t=setInterval(function(){
        var a=new Date();
        console.log(a);
    },1000)
    document.getElementById('id').onclick=function(){
        clearInterval(t);
    }
轮播图
<body>
    <div>
        <img src="./a1.jpg" alt="" id="a">
        <img src="./a2.jpg" alt="" id="c">
        <img src="./微信图片_20201010113745.jpg" alt="" id="b">
    </div>
</body>
<script>
    var i = 1;
    setInterval(function () {

        if (i % 3 == 0) {
            document.getElementById('a').style.display = 'block';
            document.getElementById('b').style.display = 'none';
            document.getElementById('c').style.display = 'none';
        } else if(i%3==1) {
            document.getElementById('c').style.display = 'block';
            document.getElementById('a').style.display = 'none';
            document.getElementById('b').style.display = 'none'
        }else{
            document.getElementById('b').style.display = 'block';
            document.getElementById('a').style.display = 'none';
            document.getElementById('c').style.display = 'none'
        }
        i++;

    }, 1000)

 

posted @ 2020-10-29 09:44  soda001  阅读(630)  评论(0)    收藏  举报