微信小程序体验试玩30秒获得奖励的功能的实现代码

最近有人问微信小程序那种体验试玩30秒获得奖励的功能怎样实现的。 跳转到另一个小程序,体验试玩30秒 获得奖励,未到30秒 不发放奖励。(目前小程序接第三方广告,为第三方小程序导流,用到的场景很多)

这里写了一份代码 可以实现小程序体验试玩30秒后,发放奖励的功能。

test.js

var openTime = 30 //定义倒计时 秒
var setInter='' //定义定时器
Page({
  data: {

  },
  

//返回显示页面状态函数
onShow() { 
        let that = this

        if (openTime <30 && openTime > 0){
          that.endSetInter() //清除计时器 重新计时
           wx.showToast({
             title: '未体验30秒,无法获得奖励哦!',
             icon: 'none'
           })
        }
        
        //倒计时完成 获得奖励
        if (openTime <=0){
              that.endSetInter()//清除计时器
              
               wx.showToast({
                 title: '倒计时完成 获得奖励',
                 icon: 'none'
            })
            
            //下发奖励 
            ..........
            
            }

  },
    
//跳转小程序
goMiniProject:function(e){
    wx.navigateToMiniProgram({
        
        appId: 'wxde8ac0a211645645', //跳转小程序的appid
        path: 'index/pages/h5/h5',//跳转小程序的页面
        envVersion: 'release',
      
      // 打开成功(回调)
      success(res) {
      
            //开始倒计时
            setInter = setInterval(function () {
          
             var startTime = openTime --; 
            
            //倒计时完成 清除计时器
            if (openTime ==0){
              clearInterval(setInter)
            
            }

            

            }, 1000);

       
        },

    })
},


 //清除计时器 即清除setInter
 endSetInter: function () {
  
  clearInterval(setInter)
  
  openTime = 30;//初始化倒计时 秒
},

})

 

posted @ 2022-11-30 09:47  Mr、桔子  阅读(1163)  评论(0编辑  收藏  举报