微信小程序实现非常简单的数字时钟
2018-02-01 18:01
1206 查看
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>
首先在 .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>
相关文章推荐
- 微信小程序简单实现form表单获取输入数据功能示例
- 微信小程序自定义组件简单实现
- [置顶] 微信小程序实现tabs选项卡效果简单代码实例
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- 微信小程序实现MUI数字输入框效果
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- 微信小程序自定义toast的简单实现
- 微信小程序开发一swiper轮播图的简单实现
- 微信小程序与php 实现微信支付的简单实例
- 微信小程序 登录的简单实现
- 用LCD1602实现简单的数字时钟
- js实现一个简单的数字时钟效果
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- js数字滑动时钟的简单实现(示例讲解)
- 微信小程序 聊天室简单实现
- C语言实现的简单银行存取款程序 请输入如下数字命令
- 【C#】对异步请求处理程序IHttpAsyncHandler的理解和分享一个易用性封装 【手记】走近科学之为什么明明实现了IEnumerable<T>的类型却不能调用LINQ扩展方法 【手记】手机网页弹出层后屏蔽底层的滑动响应 【手记】ASP.NET提示“未能创建类型”处理 【Web】一个非常简单的移动web消息框 【手记】解决EXCEL跑SQL遇“查询无法运行或数据库表无法打开...”
- [导入]AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)