人生如逆旅,我亦是行人

js 闪动元素

<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>
posted @ 2017-06-29 16:36  不忘初心8090  阅读(205)  评论(0编辑  收藏  举报

--------扬在脸上的自信、长在心里的善良、融进血液的骨气、刻在生命里的坚强! ——