0

私は<div>5秒ごとに「点滅」しています。これが私のコードです:

var blink = function() {
    $('.leftArrowMask').toggle();
};

$(document).ready(function() {
    setInterval(blink, 5000);   
});

これを変更して、まばたき効果が 5 秒ごとに発生するようにしますが、たとえば 1 秒間だけまばたきします。現在、5 秒間表示されたままになり、その後 5 秒間非表示になります。

上記のコードを試してみましたが、それは正しくないと思います。必要なものをどのように達成できますか?

4

4 に答える 4

3

これを試して...

    var blink1 = function() {
    $('.leftArrowMask').hide();
    setTimeout(blink2, 5000);
};
var blink2 = function() {
    $('.leftArrowMask').show();
    setTimeout(blink1, 1000);
};
$(document).ready(function() {
    setTimeout(blink1, 1000);
});

最初にdivを非表示にするblink1を実行し、1秒後にblink2を実行してdivを表示します。Blink2 は、5 秒後に再びblink1 を実行します。

于 2013-07-23T10:08:10.183 に答える
0

ur set interval 関数で setTimeOut 関数を使用する

于 2013-07-23T10:08:32.083 に答える