2.倒计时逻辑

components/openPage/openPage.wxml

view

components/openPage/openPage.wxss

.openPage-box

}components/openPage/openPage.js

Component({/***

{gifUrl:https://wimg.588ku.com/gif620/21/09/23/e14212e58c7e5da94ef8fca48ecd202e.gif,timer:

null},lifetimes:

{//在JavaScript中this关键字的指向是动态的取决于函数的调用方式。

//比如普通调用方式里面的this则是这个函数箭头函数则指的是外面的//如果里面不需要调用该函数这个this对象而只是需要访问外面的this对象则可以使用箭头函数//在某些情况下为了在回调函数或异步操作中能够访问到外部的this对象并且访问这个函数的this对象//可以将外部的this对象赋值给一个变量通常命名为that或selflet

that

this;//timer是一个表示定时器的变量其类型是number//在JavaScript中setInterval函数会返回一个唯一的定时器标识符//可以通过这个标识符来清除定时器即使用clearInterval(timer)来停止定时器的执行const

timer

--(that.data.second);//时间自减1console.log(nowSecond);if

(nowSecond

{//计时到0则关闭开屏控件clearInterval(timer);//关闭计时器that.hideOpenPage();//隐藏开屏页面}that.setData({//赋值当前秒数触发视图更新second:

nowSecond,//将计时器变量赋值给页面变量timer方便在其他函数内关闭该计时器timer:

timer});},

{//触发hide的事件在index.wxml内容里面设置了bind:hideonMyEvent,//则调用index.js里面的onMyEvent方法this.triggerEvent(hide);},//跳过开屏页面skipOpenPage:

function

{this.hideOpenPage();//先隐藏开屏控件let

timer

{//避免计时器还没初始化但用户已经点击跳过的情况感觉只有yyds的李跳跳才能做到了clearInterval(timer);//关闭计时器}}}

})components/openPage/openPage.json

{component:

pink;{{userInfo.nickName}}/text/view/view/viewindex.wxss

url(https://pic3.zhimg.com/v2-a76bafdecdacebcc89b5d4f351a53e6a_r.jpg?source1940ef5c);background-size:

100%

{userInfo:{//这里是默认的用户头像昵称信息avatar:https://profile-avatar.csdnimg.cn/06d540e9389b45649e01ca3798fdb924_m0_73756108.jpg,//csdn整来的头像链接nickName:眨眼睛},//开屏控件是否存在标记openPageFlag:

true,//开屏广告图片内容url:https://ts1.cn.mm.bing.net/th/id/R-C.a4616e92a020b344cec039516ac755d3?rik1pgZKObA0CxALAriuhttp%3a%2f%2fsjbz.fd.zol-img.com.cn%2ft_s1080x1920c%2fg5%2fM00%2f00%2f02%2fChMkJ1fJUwuIUssCAA39sthJrGMAAU9nwNNNewADf3K734.jpgehkoX398mB4NzTaBxvWpwJIR3bS7NzghbGRvY4qp7jJPuE%3drislpidImgRawr0},//第一次加载这个页面触发一次也就是开屏内容展现的时候onLoad:

function

{//在有TabBar的情况下默认是不会隐藏的所以我们手动隐藏一下wx.hideTabBar();},//当该控件隐藏时触发onMyEvent:

function

{//打印关闭console.log(开屏控件关闭);this.setData({//将开屏控件的存在标记设为否openPageFlag:

false});//显示TabBar前面隐藏了wx.showTabBar();}

})index.json

/components/openPage/openPage},navigationStyle:

custom