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


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 相关文章推荐
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
Sep 21 Javascript
JS前向后瞻正则表达式定义与用法示例
Dec 27 Javascript
webpack2.0搭建前端项目的教程详解
Apr 05 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
vue给组件传递不同的值方法
Sep 29 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
Nov 16 Javascript
nodemon实现Typescript项目热更新的示例代码
Nov 19 Javascript
element-ui如何防止重复提交的方法步骤
Dec 09 Javascript
小程序实现列表展开收起效果
Jul 29 Javascript
微信小程序实现音乐播放页面布局
Dec 11 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
利用递归把多维数组转为一维数组的函数
2006/10/09 PHP
php实现的单一入口应用程序实例分析
2015/09/23 PHP
前端必学之PHP语法基础
2016/01/01 PHP
php自动加载方式集合
2016/04/04 PHP
使用javascript访问XML数据的实例
2006/12/27 Javascript
ASP中进行HTML数据及JS数据编码函数
2009/11/11 Javascript
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
JS实现的通用表单验证插件完整实例
2015/08/20 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
jquery之基本选择器practice(实例讲解)
2017/09/30 jQuery
React 无状态组件(Stateless Component) 与高阶组件
2018/08/14 Javascript
javascript使用canvas实现饼状图效果
2020/09/08 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
初学python数组的处理代码
2011/01/04 Python
由Python运算π的值深入Python中科学计算的实现
2015/04/17 Python
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
Python寻找路径和查找文件路径的示例
2019/07/10 Python
python创建学生管理系统
2019/11/22 Python
Python基础之高级变量类型实例详解
2020/01/03 Python
python模拟点击网页按钮实现方法
2020/02/25 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
HTML5文档结构标签
2017/04/21 HTML / CSS
详解Html5 Canvas画线有毛边解决方法
2018/03/01 HTML / CSS
webView加载html图片遇到的问题解决
2019/10/08 HTML / CSS
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
Yahoo-PHP面试题4
2012/05/05 面试题
STP的判定过程
2012/10/01 面试题
自我鉴定怎么写
2013/12/05 职场文书
机动车交通事故协议书
2015/01/29 职场文书
教师考核表个人总结
2015/02/12 职场文书
大学生个人总结范文
2015/02/15 职场文书
2015年高校图书馆工作总结
2015/04/30 职场文书
Mysql 设置boolean类型的操作
2021/06/04 MySQL
浅谈Node的内存泄露问题
2022/05/06 NodeJs