如何为眨眼效果添加随机性?

时间:2016-10-07 16:13:03

标签: javascript jquery css

JS

 <script>
        (function blink() { 
            $('.demo').fadeOut(500).fadeIn(400, blink); 
        })();
    </script>

CSS

.demo {
    background: url('../res/logo.png') no-repeat;
    width: 200px;
    height: 200px;
    margin-top: 355px;
    margin-left: 855px;
}

如何为这种闪烁效果添加随机性?

1 个答案:

答案 0 :(得分:2)

这个问题与我的答案一样好,直到问题变得更具体:

(function blink() {
  $('.demo').fadeOut(Math.random()*500).fadeIn(Math.random()*400, blink); 
})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<span class="demo">I'm blinking!</span>