zoukankan      html  css  js  c++  java
  • 【小程序开发】计时器

    1、wxml代码

    <!--index.wxml-->
    <view class="container">
     <button type='primary' style='margin-bottom:40px;' bindtap='startSetInter'>开始</button>
     <button type='primary' bindtap='endSetInter'>结束</button>
    </view>
    
    

    2、js代码

      将计时器赋值给 data 中的变量,这样在任何方法中都可以清除计时器

    
    Page({
     data: {
         //存储计时器
       setInter:'',
       num:1,
     },
     onLoad: function () {
         var that = this;
          
     },
     startSetInter: function(){
         var that = this;
         //将计时器赋值给setInter
         that.data.setInter = setInterval(
             function () {
                 var numVal = that.data.num + 1;
                 that.setData({ num: numVal });
                 console.log('setInterval==' + that.data.num);
             }
       , 1000);   
     },
     endSetInter: function(){
         var that = this;
         //清除计时器  即清除setInter
         clearInterval(that.data.setInter)
     },
     onHide: function () {
    
     },
     onUnload: function () {
         var that =this;
         //清除计时器  即清除setInter
         clearInterval(that.data.setInter)
     },
    
    })
    
    
  • 相关阅读:
    倒下
    我还能相信谁

    工作这点事
    人,这东西
    祝福
    路,公车和鞋子
    那片海
    document.querySelector bug All In One
    js logical or assignment bug All In One
  • 原文地址:https://www.cnblogs.com/neo-java/p/10225477.html
Copyright © 2011-2022 走看看