JavaScript怎么实现定时执行一个延时方法？

Question

有这样一个需求：<div id="demo"></div>页面进入时这个元素是出现的，然后5s后元素消失，间隔8s后，元素出现，5s后元素再次消失，重复这个过程。我的想法是这样的：setInterval(function(){    $('#demo').css('display','block')    setTimeout(function(){        $('#demo').css('display','none');    },5000);}, 8000);但是时间貌似有问题，，是因为什么导致的呢？

Answer 1

function delay() {

    setTimeout(function () {

        $('#demo').css('display','none');

        setTimeout(function () {

            $('#demo').css('display','block');

            delay();

        }, 8000);

    }, 5000)

}

delay();

Answer 2

把8000改为13000

Answer 3

css3 animation实现不是更好吗

Answer 4

const a = function (){

    setTimeout(function(){

        console.log('a');

        b()

    },1000);

}

const b = function (){

    setTimeout(function(){

        console.log('b');

        a()

    },2000);

}

a()