免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: 微信小程序增加开屏（启动页）倒计时广告 [打印本页]

---

作者: admin    时间: 2022-2-19 18:01
标题: 微信小程序增加开屏（启动页）倒计时广告


先在APP.JSON中增加一个启动页（首页）

1.   "pages": [
   
2.     "pages/adtime/adtime",
   
3.     "pages/index/index"
   
4.   ],

复制代码

adtime 就是小程序第一加载页
在adtime页面代码中增加

1. Page({
   
2.   data:{
   
3.     picture:"../../../images/2.jpg",
   
4.     time:3
   
5.   },
   
6.   onLoad:function(options){
   
7.     // 页面初始化 options为页面跳转所带来的参数
   
8.   },
   
9.   onReady:function(){
   
10.     // 页面渲染完成
    
11.   },
    
12.   onShow:function(){
    
13.     // 页面显示
    
14.     var that = this;
    
15.     var interval = setInterval(function(){
    
16.       var timenew = that.data.time-1;
    
17.       that.setData({
    
18.       time:timenew
    
19.     })
    
20.      if(that.data.time ==0){
    
21.       clearInterval(interval);
    
22.       wx.redirectTo({
    
23.       url: '../user/user'
    
24.     })
    
25. 
    
26.    }
    
27.    },1000)
    
28. 
    
29.   
    
30.   }
    
31. })

复制代码

xml:

1. <view id="first">
   
2. <image id="inner" src="{{picture}}"></image>
   
3. <text id="text">{{time}}s</text>
   
4. </view>

复制代码

---

欢迎光临 免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://ourphp.net/club/)

Powered by Discuz! X3.2