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


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 相关文章推荐
location.href 在IE6中不跳转的解决方法与推荐使用代码
Jul 08 Javascript
jQuery表单验证插件formValidator(改进版)
Feb 03 Javascript
js判断60秒以及倒计时示例代码
Jan 24 Javascript
php析构函数的具体用法小结
Mar 11 Javascript
Node.js文件操作详解
Aug 16 Javascript
JavaScript面向对象的实现方法小结
Apr 14 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 Javascript
Vue.js组件高级特性实例详解
Dec 24 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
Mar 22 Javascript
详解element-ui 表单校验 Rules 配置 常用黑科技
Jul 11 Javascript
JS代码简洁方式之函数方法详解
Jul 28 Javascript
OpenLayers加载缩放控件使用方法详解
Sep 25 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
笑谈配置,使用Smarty技术
2007/01/04 PHP
解决控件遮挡问题:关于有窗口元素和无窗口元素
2007/01/28 PHP
PHP-Java-Bridge使用笔记
2014/09/22 PHP
四种php中webservice实现的简单架构方法及实例
2015/02/03 PHP
yii2中添加验证码的实现方法
2016/01/09 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
2013/04/26 Javascript
JS 实现导航栏悬停效果(续)
2013/09/24 Javascript
使用JavaScript+canvas实现图片裁剪
2015/01/30 Javascript
jQuery实现的动态伸缩导航菜单实例
2015/05/07 Javascript
jQuery实现鼠标点击弹出渐变层的方法
2015/07/09 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
JavaScript 是什么意思
2016/09/22 Javascript
老生常谈Javascript中的原型和this指针
2016/10/09 Javascript
vue-router路由与页面间导航实例解析
2017/11/07 Javascript
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
创建与框架无关的JavaScript插件
2020/12/01 Javascript
pymssql ntext字段调用问题解决方法
2008/12/17 Python
基于Django模板中的数字自增(详解)
2017/09/05 Python
python tkinter 设置窗口大小不可缩放实例
2020/03/04 Python
浅谈Python 参数与变量
2020/06/20 Python
Python Selenium实现无可视化界面过程解析
2020/08/25 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
全球知名提供各类营养保健品的零售商:Vitamin Shoppe
2016/10/09 全球购物
大学毕业生的自我鉴定
2013/11/30 职场文书
施工安全协议书
2013/12/11 职场文书
销售演讲稿范文
2014/01/08 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
2015教师年度考核评语
2015/03/25 职场文书
申请吧主发表的感言
2015/08/03 职场文书
2019年最新借条范本!
2019/07/08 职场文书
python实现进度条的多种实现
2021/04/29 Python
撤回我也能看到!教你用Python制作微信防撤回脚本
2021/06/11 Python
MySQL系列之一 MariaDB-server安装
2021/07/02 MySQL