鍍金池/ 問答/HTML5  HTML/ JavaScript怎么實現(xiàn)定時執(zhí)行一個延時方法？

JavaScript怎么實現(xiàn)定時執(zhí)行一個延時方法？

有這樣一個需求：
<div id="demo"></div>

頁面進入時這個元素是出現(xiàn)的，然后5s后元素消失，間隔8s后，元素出現(xiàn)，5s后元素再次消失，重復這個過程。
我的想法是這樣的：

setInterval(function(){
    $('#demo').css('display','block')
    setTimeout(function(){
        $('#demo').css('display','none');
    },5000);
}, 8000);

但是時間貌似有問題，，是因為什么導致的呢？

回答
編輯回答
毀與悔

8s |------------|setInterval
5s |------|setTimeout
你寫出來的效果應該是5s元素消失，3s后元素出現(xiàn)。其實你只需要把setInterval的間隔時間改為13000即可。

2018年2月27日 08:56
編輯回答
獨特范

css3 animation實現(xiàn)不是更好嗎

2017年9月8日 22:55
編輯回答
淡墨

把8000改為13000

2017年10月3日 12:11
編輯回答
夢一場

看一下...

2018年2月10日 21:57
編輯回答
尕筱澄
const a = function (){
    setTimeout(function(){
        console.log('a');
        b()
    },1000);
}
const b = function (){
    setTimeout(function(){
        console.log('b');
        a()
    },2000);
}

a()
2018年7月2日 14:45
編輯回答
過客
function delay() {
    setTimeout(function () {
        $('#demo').css('display','none');
        setTimeout(function () {
            $('#demo').css('display','block');
            delay();
        }, 8000);
    }, 5000)
}
delay();
2017年9月22日 19:06