鍍金池/ 問答/HTML5  HTML/ JS關(guān)于項目定時器的問題

JS關(guān)于項目定時器的問題

1.有一個需求，寫一個動態(tài)展示的容器，每隔五秒顯示，然后顯示三秒關(guān)閉。然后一直循環(huán)。
我的思路是先寫一個setInterval可以做到每隔五秒展示,但是顯示三秒關(guān)閉，這個需求怎么寫，求有經(jīng)驗的小伙伴分享一下思路

回答
編輯回答
貓館

寫2個定時器，首先啟動第一個定時器，當(dāng)時間到5秒停止當(dāng)前的定時器，同時啟動另外一個3秒定時器，同理，你的容器時需要根據(jù)bool值來判斷，這兩個定時器里分別根據(jù)時間來判斷綁定的bool值

2017年1月16日 01:52
編輯回答
入她眼

在interval里面加個timeout

setInterval(()=>{
    show=true;
    setTimeout(()=>{
        show=false;
    },3000)
},5000)
2017年5月27日 01:11
編輯回答
初心
<body>
    <div class="demobox">
        我是要顯示的彈窗
    </div>
</body>
<script>
//根據(jù)小鬼web的改的，學(xué)習(xí)了，不知道對不對路。
    function hidefun(){
        setTimeout(showfun,3000);
    };
    function showfun(){
        $('.demobox').hide();
        setTimeout(function(){
            $('.demobox').show();
            hidefun();
        },5000);
    }
    hidefun();
</script>
2017年8月23日 16:16
編輯回答
凹凸曼
<style>
    .demobox{
        display: none;
    }
</style>
<body>
    <div class="demobox">
        我是要顯示的彈窗
    </div>
</body>

<script>
    $(function () {
        showFun()
    })

    function showFun() {
        setTimeout(hideFun, 5000)
    }
    function hideFun() {
        $('.demobox').show();
        setTimeout(function () {
            $('.demobox').hide();
            showFun();
        }, 3000)

    }
</script>
2017年11月30日 12:01