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

最新推荐文章于 2024-01-08 22:26:50 发布

Day____Day____Up

最新推荐文章于 2024-01-08 22:26:50 发布

阅读量1.3w

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_37281289/article/details/79231604

本文介绍了一种使用JavaScript实现的简单计时器方法。通过定义一个计时函数，该函数能够每秒更新显示的分钟数和秒数。当秒数达到60时，将秒数重置为0并增加一分钟。此计时器会在页面加载时自动启动。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>