[读码时间] div闪烁

说明:代码取自网络

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>div闪烁</title>
    <style>
        #box{
            position:absolute;
            top:50%;/*居中*/
            left:50%;
            color:#fff;
            width:200px;
            height:200px;
            background:red;
            cursor:pointer;
            letter-spacing:5px;
            text-align:center;
            font:12px/200px Arial;
            margin :-100px 0 0 -100px;
        }
    </style>
    <script>
        window.onload = function () {
            var oBox = document.getElementById("box");
            var timer = null;

            oBox.onclick = function () {
                var i = 0;
                clearInterval(timer);
                timer = setInterval(function () {
                    oBox.style.display = i++ % 2 ? "none" : "block";
                    i > 6 && (clearInterval(timer));
                }, 80);
            }
        };
    </script>
</head>
<body>
    <div id="box">点击我就闪</div>
</body>
</html>
原文地址:https://www.cnblogs.com/sx00xs/p/6488032.html