微信小程序实现非常简单的数字时钟

最新推荐文章于 2024-08-07 17:40:06 发布

Day____Day____Up

最新推荐文章于 2024-08-07 17:40:06 发布

阅读量1.3w

点赞数 2

本文链接：https://blog.csdn.net/weixin_37281289/article/details/79231604

版权

   1. 
 
   首先在 .js 文件中定义一个计时函数,提示分钟是没有限制的,会超过60一直晚上加,这个逻辑可以自己加 
 
   timing: 
  function(that) { 
 
  // var second = that.data.second  
 
  var time = setTimeout( 
  function () { 
 
  if( (that.data.second + 
   1) > 
  59) 
 
   { 
 
   that.setData({ 
 
   minute: that.data.minute + 
  1, 
 
   second: 
  0 
 
   }); 
 
   } 
 
  else 
 
   { 
 
   that.setData({ 
 
   second: that.data.second + 
  1 
 
   }); 
 
   } 
 
   that.timing(that); 
 
   } 
 
   , 
  1000) 
 
   } 
 
   定义完后再你想要的开始的地方引用此函数即可,例如: 
 
    onLoad: 
   function () { 
  
    this.timing(this) 
   
 } 
 
   在onLoad中引用就是页面一加载就开始计时 
 
   2. 
 
   在 .wxml 中添加如下代码. 
 
   < 
   text 
   >{{minute}}:{{second}} 
   </ 
   text 
   >