javascript - 不断淡入淡出

Question

我有这个 JavaScript 让 div 每两秒闪烁一次。我想知道我是否可以向这个当前函数中添加任何东西，以便 div 淡入和淡出，而不是出现和消失而没有任何过渡。

JavaScript

  <script language = "javascript">
        function flash()
        {
            var blinker = 2000
            var timeIn = setInterval(function() {
                var element = document.getElementById('sign');
                element.style.visibility = (element.style.visibility == 'hidden' ? '' : 'hidden');
            }, blinker);        
        }
    </script>

HTML 元素

 <div class = "sign" id = "sign">

    <p> hello </p>

</div>

Answer 1

既然你已经标记了 jQuery，你可以将它简化为:

$('#sign').fadeIn(2000); // fade-in in 2 seconds

和

$('#sign').fadeOut(2000); // fade-out in 2 seconds

或者正如用户指出的:Bondye

function flash() {
    $('#sign').fadeToggle(2000);
}