小程序模拟客户端加载启动屏幕广告

 

实现原理,在首屏设置时间,进行倒计时,然后跳转页面

具体代码实现:

Page({
  data:{
    picture:"../../../images/2.jpg",
    time:3
  },
  onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
  },
  onReady:function(){
    // 页面渲染完成
  },
  onShow:function(){
    // 页面显示
    var that = this;
    var interval = setInterval(function(){
      var timenew = that.data.time-1;
      that.setData({
      time:timenew
    })
     if(that.data.time ==0){
      clearInterval(interval);
      wx.redirectTo({
      url: '../user/user'
    })

   }
   },1000)

  
  }
})



wxml:

<view id="first">
<image id="inner" src="{{picture}}"></image>
<text id="text">{{time}}s</text>
</view>

 

 

 

文章来源:刘俊涛的博客

地址:http://www.cnblogs.com/lovebing

欢迎关注,有问题一起学习欢迎留言、评论。

posted @ 2018-03-07 11:08  刘俊涛的博客  阅读(446)  评论(0)    收藏  举报