js 闪动元素

最新推荐文章于 2023-01-12 18:30:06 发布

weixin_30765505

最新推荐文章于 2023-01-12 18:30:06 发布

阅读量119

点赞数

原文链接：http://www.cnblogs.com/rain-null/p/7095223.html

版权

<style>
#div1{width:500px;height:100px;background:#888;font-size:5px;margin:0 auto;color:yellow;line-height:100px}
</style>
<script>
window.onload = function ()
{
    var box = document.getElementById("div1");
//var timer;    
    
    box.onclick = function ()
    {            
        var i = 1;    

        timer = setInterval(function () {
            box.style.display = i++ % 3 ? "none" : "block";
            if(i>12) clearInterval(timer);
        }, 100)
    }
};
</script>

<body>
<div id="div1">通过setInterval定时器，用三元运算符来控制元素的显示/隐藏来闪动元素</div>
</body>
</html>