微信小程序进入广告实现代码实例


Posted in Javascript onSeptember 19, 2019

这篇文章主要介绍了微信小程序进入广告实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

代码如下

<view class="container">
<image src="../../imgs/swiper1.jpg"></image>

<text bindtap="cliadv">跳过广告 {{miao}}</text>
</view>
.container{
  width:100%;
  height:100vh;
  position: relative;
}
image{
  width:100%;
  height:100%;
}
text{
  position: absolute;
  top:10rpx;
  right:20rpx;
  color:#fff;
}
data: {
miao: 5
},
onLoad: function(options) {

let that = this;

// 在进入页面时开始执行定时器,每秒执行一次miao-1操作。

that.time = setInterval(function() {


that.setData({


miao: that.data.miao - 1


})

// 当miao==0时,清除定时器clearInterval(this.time)(一定要清除定时器),然后自动跳转到首页


if (that.data.miao == 0) {


console.log(that.data.miao)


clearInterval(that.time);


wx.navigateTo({



//保留当前页面,跳转到应用内的某个页面



url: "/pages/index/index"


})

}
 }, 1000)
},
cliadv: function() {

clearInterval(this.time)

wx.navigateTo({ //保留当前页面,跳转到应用内的某个页面(最多打开5个页面,之后按钮就没有响应的)


url: "/pages/index/index"

})
},

效果展示

微信小程序进入广告实现代码实例

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
非常不错的功能强大代码简单的管理菜单美化版
Jul 09 Javascript
jquery.validate使用攻略 第三部
Jul 01 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
JavaScript对象和字串之间的转换实例探讨
Apr 21 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
javascript与css3动画结合使用小结
Mar 11 Javascript
jQuery实现的登录浮动框效果代码
Sep 26 Javascript
jQuery Ajax 全局调用封装实例代码详解
Jun 02 Javascript
Vue数据驱动模拟实现5
Jan 13 Javascript
微信小程序模版渲染详解
Jan 26 Javascript
puppeteer实现html截图的示例代码
Jan 10 Javascript
解决layui数据表格Date日期格式的回显Object的问题
Sep 19 #Javascript
转换layUI的数据表格中的日期格式方法
Sep 19 #Javascript
js 判断当前时间是否处于某个一个时间段内
Sep 19 #Javascript
vue-froala-wysiwyg 富文本编辑器功能
Sep 19 #Javascript
关于layui toolbar和template的结合使用方法
Sep 19 #Javascript
深入理解javascript prototype的相关知识
Sep 19 #Javascript
基于Vue的商品主图放大镜方案详解
Sep 19 #Javascript
You might like
php下实现伪 url 的超简单方法[转]
2007/09/24 PHP
Linux下PHP加速器APC的安装与配置笔记
2014/10/24 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
IE和firefox浏览器的event事件兼容性汇总
2009/12/06 Javascript
JavaScript中for..in循环陷阱介绍
2013/11/12 Javascript
Jquery给基本控件的取值、赋值示例
2014/05/23 Javascript
jQuery的deferred对象详解
2014/11/12 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
有关文件上传 非ajax提交 得到后台数据问题
2016/10/12 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
2016/12/19 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
javascript实现下雨效果
2017/03/27 Javascript
js绑定事件和解绑事件
2017/04/27 Javascript
JS实现身份证输入框的输入效果
2017/08/21 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
2019/09/16 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
2020/03/04 Javascript
[06:16]第十四期-国士无双绝地翻盘之撼地神牛
2014/06/24 DOTA
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
python检查字符串是否是正确ISBN的方法
2015/07/11 Python
Python通过命令开启http.server服务器的方法
2017/11/04 Python
python 读取txt中每行数据,并且保存到excel中的实例
2018/04/29 Python
python异步实现定时任务和周期任务的方法
2019/06/29 Python
Python3enumrate和range对比及示例详解
2019/07/13 Python
Python selenium自动化测试模型图解
2020/04/15 Python
Python hashlib模块的使用示例
2020/10/09 Python
python空元组在all中返回结果详解
2020/12/15 Python
泰国第一的化妆品网站:Konvy
2018/02/25 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
嘻哈珠宝品牌:KRKC&CO
2020/10/19 全球购物
在C语言中"指针和数组等价"到底是什么意思?
2014/03/24 面试题
企业承诺书格式
2014/05/21 职场文书
2014年评职称工作总结
2014/11/20 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP