快捷導(dǎo)航

微信小程序進(jìn)入廣告實(shí)現(xiàn)代碼實(shí)例

更新時間：2019年09月19日 09:19:21 作者：執(zhí)著的小前端

這篇文章主要介紹了微信小程序進(jìn)入廣告實(shí)現(xiàn)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

代碼如下

<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;
　　// 在進(jìn)入頁面時開始執(zhí)行定時器，每秒執(zhí)行一次miao-1操作。
　　that.time = setInterval(function() {
　　　　that.setData({
　　　　miao: that.data.miao - 1
　　　　})
　　// 當(dāng)miao==0時，清除定時器clearInterval(this.time)（一定要清除定時器），然后自動跳轉(zhuǎn)到首頁

　　if (that.data.miao == 0) {
　　　　console.log(that.data.miao)
　　　　clearInterval(that.time);
　　　　wx.navigateTo({
　　　　　　//保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面
　　　　　　url: "/pages/index/index"
　　　　})
　　}
　}, 1000)
},
cliadv: function() {
　　clearInterval(this.time)
　　wx.navigateTo({ //保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面（最多打開5個頁面，之后按鈕就沒有響應(yīng)的）
　　　　url: "/pages/index/index"
　　})
},

效果展示

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JavaScript字符串常用類使用方法匯總
今天的這篇文章就分享幾年以來總結(jié)的一些最常見和最有用的字符串相關(guān)的方法的例子和簡要說明。便于程序員用于快速參考。當(dāng)然，最有經(jīng)驗(yàn)的開發(fā)人員對這些操作很熟悉，但我認(rèn)為這是一個很好的方法幫助初學(xué)者理解這些函數(shù)，他可以幫助你使用簡單的語法,完成復(fù)雜的操作.
2015-04-04
js實(shí)現(xiàn)拖拽與碰撞檢測
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)拖拽與碰撞檢測，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
JavaScript 異步時序問題
這篇文章主要介紹了JavaScript 異步時序問題,幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下
2020-11-11
webpack打包并將文件加載到指定的位置方法
下面小編就為大家分享一篇webpack打包并將文件加載到指定的位置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-02-02
js中indexOf()的簡單使用示例
indexOf在js中有著重要的作用,可以判斷一個元素是否在數(shù)組中存在,或者判斷一個字符是否在字符串中存在,下面這篇文章主要給大家介紹了關(guān)于js中indexOf()簡單使用的相關(guān)資料,需要的朋友可以參考下
2023-01-01
JS格式化時間的幾種方法總結(jié)
這篇文章介紹了JS格式化時間的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-04-04
JavaScript中連接操作Oracle數(shù)據(jù)庫實(shí)例
這篇文章主要介紹了JavaScript中連接操作Oracle數(shù)據(jù)庫實(shí)例,本文講解了運(yùn)行環(huán)境、代碼實(shí)例、運(yùn)行結(jié)果等一系列完整步驟,需要的朋友可以參考下
2015-04-04
js+css實(shí)現(xiàn)回到頂部按鈕（back to top）
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)回到頂部按鈕back to top回到頂部按鈕，感興趣的小伙伴們可以參考一下
2016-03-03
Bootstrap零基礎(chǔ)入門教程(二)
Bootstrap 是一個用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。這篇文章主要介紹了Bootstrap零基礎(chǔ)入門教程(二) 的相關(guān)資料，非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧
2016-07-07
使用egg.js實(shí)現(xiàn)手機(jī)、驗(yàn)證碼注冊的項(xiàng)目實(shí)踐
本文主要介紹了使用egg.js實(shí)現(xiàn)手機(jī)、驗(yàn)證碼注冊的項(xiàng)目實(shí)踐，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-04-04