9***@qq.com
9***@qq.com
  • 发布:2019-03-09 19:36
  • 更新:2019-03-09 21:44
  • 阅读:2732

如何实现页面定时跳出弹窗?

分类:uni-app

请问怎么实现在打开的页面上定时的弹出弹窗?详细的效果是一打开页面就跳出弹窗了,关掉后每隔6秒又跳出一次,求解?非常感谢帮忙解答的你

2019-03-09 19:36 负责人:无 分享
已邀请:
暮雪骄阳

暮雪骄阳

function changeDiv(){
//弹窗<div id = "xxx"></div>
var xxx = document.getElementById('xxx');
if (xxx.style.display == "none"){//如果弹窗被隐藏,则显示
xxx.style.display = "block";
}else{//如果弹窗显示并且未隐藏,什么都不做
//xxx.style.display = "none";
}
}
//利用setInterval,设置每隔6秒执行changeDiv函数。
window.setInterval("changeDiv()",6000);

  • 9***@qq.com (作者)

    你好,我是用HBuilerX建的uni-app项目,请问函数是写在.vue文件里的methods里面吗?我这样写

    methods: {

    changePopup: function () {

    //弹窗<div id = "xxx"></div>

    var pop = document.getElementById('popup');

    if (pop.style.display == "none") { //如果弹窗被隐藏,则显示

    pop.style.display = "block";

    } else { //如果弹窗显示并且未隐藏,什么都不做

    //xxx.style.display = "none";

    }

    }}

    //利用setInterval,设置每隔6秒执行changeDiv函数。

    windonw.setInterval("changePopup()", 6000);

    提示错误在window那里,提示是:[eslint-vue] Parsing error:Unexpected token.

    是不是在vue里面不能用window.xxx啊?那又该怎么调用呢?谢谢~

    2019-03-09 21:18

  • 9***@qq.com (作者)

    已经解决了,谢谢你~

    2019-03-09 21:36

9***@qq.com

9***@qq.com (作者) - 问题达人

错误显示如下:

9***@qq.com

9***@qq.com (作者) - 问题达人

已解决,方法如下:

<!-- 弹出层 -->
<view v-if="bannerShow">弹出内容</view>

onLoad() {
setInterval(this.showBanner, 6000);
}

showBanner: function() {
if(this.bannerShow===false){
this.bannerShow = true;
}else{

            }  
        }

该问题目前已经被锁定, 无法添加新回复