问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

JS关于项目定时器的问题

头像
不二小青年
    34813896

    1.有一个需求，写一个动态展示的容器，每隔五秒显示，然后显示三秒关闭。然后一直循环。
    我的思路是先写一个setInterval可以做到每隔五秒展示,但是显示三秒关闭，这个需求怎么写，求有经验的小伙伴分享一下思路

    javascript
    阅读 2.2k
    4 个回答
    得票最新
    头像
    Zany
      1.2k1514
      ✓ 已被采纳

      在interval里面加个timeout

      setInterval(()=>{
    show=true;
    setTimeout(()=>{
        show=false;
    },3000)
},5000)
      头像
      醉挽清风
        72431929

        写2个定时器，首先启动第一个定时器，当时间到5秒停止当前的定时器，同时启动另外一个3秒定时器，同理，你的容器时需要根据bool值来判断，这两个定时器里分别根据时间来判断绑定的bool值

        头像
        小鬼web
          92531130
          <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>
          头像
          嗨嗨的迷子
            86
            <body>
    <div class="demobox">
        我是要显示的弹窗
    </div>
</body>
<script>
//根据小鬼web的改的，学习了，不知道对不对路。
    function hidefun(){
        setTimeout(showfun,3000);
    };
    function showfun(){
        $('.demobox').hide();
        setTimeout(function(){
            $('.demobox').show();
            hidefun();
        },5000);
    }
    hidefun();
</script>
            撰写回答
            你尚未登录，登录后可以
            • 和开发者交流问题的细节
            • 关注并接收问题和回答的更新提醒
            • 参与内容的编辑和改进，让解决方法与时俱进
            推荐问题