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


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 相关文章推荐
jscript之Read an Excel Spreadsheet
Jun 13 Javascript
javascript jQuery插件练习
Dec 24 Javascript
ExtJS 下拉多选框lovcombo
May 19 Javascript
jQuery 表单验证扩展(四)
Oct 20 Javascript
web网页按比例显示图片实现原理及js代码
Aug 09 Javascript
jQuery中:last选择器用法实例
Dec 30 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
Sep 20 Javascript
基于vue框架手写一个notify插件实现通知功能的方法
Mar 31 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
详解JavaScript匿名函数和闭包
Jul 10 Javascript
详解JavaScript 作用域
Jul 14 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
虫族 Zerg 热键控制
2020/03/14 星际争霸
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
smarty实现多级分类的方法
2014/12/05 PHP
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
php使用for语句输出三角形的方法
2015/06/09 PHP
微信公众平台开发教程①获取用户Openid及个人信息图文详解
2019/04/10 PHP
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
2014/04/12 Javascript
js动态切换图片的方法
2015/01/20 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
2015/02/24 Javascript
JQuery调用绑定click事件的3种写法
2015/03/28 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
JS实现的简洁二级导航菜单雏形效果
2015/10/13 Javascript
详解javascript中原始数据类型Null和Undefined
2015/12/17 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
Javascript 判断两个IP是否在同一网段实例代码
2016/11/28 Javascript
AngularJS双向数据绑定原理之$watch、$apply和$digest的应用
2018/01/30 Javascript
Vue 使用中的小技巧
2018/04/26 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
Python Paramiko模块的安装与使用详解
2016/11/18 Python
对pyqt5之menu和action的使用详解
2019/06/20 Python
Django之腾讯云短信的实现
2020/06/12 Python
2014两会学习心得:时代的发展
2014/03/17 职场文书
技术岗位竞聘演讲稿
2014/05/16 职场文书
安全保卫工作竞聘材料
2014/08/25 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
铁路安全反思材料
2014/12/24 职场文书
新娘婚礼答谢词
2015/09/29 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS
pytorch 如何使用float64训练
2021/05/24 Python
Nginx配置之实现多台服务器负载均衡
2021/08/02 Servers
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android