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


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 相关文章推荐
判断iframe是否加载完成的完美方法
Jan 07 Javascript
jquery入门—访问DOM对象方法
Jan 07 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
JavaScript实现随机替换图片的方法
Apr 16 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
Jul 12 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
js表单元素checked、radio被选中的几种方法(详解)
Aug 22 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
Mar 21 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
基于Layui自定义模块的使用方法详解
Sep 14 Javascript
Antd的table组件表格的序号自增操作
Oct 27 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
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
Docker配置PHP开发环境教程
2016/12/21 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
php实现的顺序线性表示例
2019/05/04 PHP
使用JavaScript库还是自己写代码?
2010/01/28 Javascript
基于javascript实现单选及多选的向右和向左移动实例
2015/07/25 Javascript
avalon js实现仿微博拖动图片排序
2015/08/14 Javascript
jquery实现手风琴效果
2015/11/20 Javascript
js实现文字闪烁特效的方法
2015/12/17 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
vue-quill-editor实现图片上传功能
2017/08/08 Javascript
js中less常用的方法小结
2017/08/09 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
python检查字符串是否是正确ISBN的方法
2015/07/11 Python
Python网络爬虫出现乱码问题的解决方法
2017/01/05 Python
Java及python正则表达式详解
2017/12/27 Python
PyQt5主窗口动态加载Widget实例代码
2018/02/07 Python
使用Python处理BAM的方法
2018/09/28 Python
pytorch方法测试——激活函数(ReLU)详解
2020/01/15 Python
使用Python合成图片的实现代码(图片添加个性化文本,图片上叠加其他图片)
2020/04/30 Python
解决Django Haystack全文检索为空的问题
2020/05/19 Python
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
奢华的意大利皮革手袋:Bene Handbags
2019/10/29 全球购物
美国农场商店:Blain’s Farm & Fleet
2020/01/17 全球购物
写好自荐信的几个要点
2013/12/26 职场文书
国际会议邀请函范文
2014/01/16 职场文书
社会学专业学生职业规划书
2014/02/07 职场文书
一位农村小子的自荐信
2014/04/07 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
农村党员对照检查材料
2014/09/24 职场文书
交通事故协议书范本
2014/11/18 职场文书
2014年乡镇工作总结
2014/11/21 职场文书
公务员政审材料
2014/12/23 职场文书
2015年政教主任工作总结
2015/07/23 职场文书