微信小程序(12)--倒计时
2024-10-21 13:25:57
记录一个常见的效果,倒计时。
<text>倒计时:{{content}}</text>
Page({
/**
* 页面的初始数据
*/
data: {
endTime: '',
content:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that=this;
that.setData({
endTime:''
})
that.countdowm();
},
countdowm: function (e) {
let that = this;
let timer = setInterval(function () {
let nowTime = new Date();
let endTime = new Date(that.data.endTime * );
let t = endTime.getTime() - nowTime.getTime();
if (t > ) {
let day = Math.floor(t / );
let hour = Math.floor((t / ) % );
let min = Math.floor((t / ) % );
let sec = Math.floor((t / ) % );
hour = hour < ? "" + hour : hour;
min = min < ? "" + min : min;
sec = sec < ? "" + sec : sec;
let format = '';
if (day > ) {
format = `${day}天${hour}时${min}分${sec}秒`;
}
if (day <= && hour > ) {
format = `${hour}时${min}分${sec}秒`;
}
if (day <= && hour <= ) {
format = `${min}分${sec}秒`;
}
that.setData({
content: format
})
} else {
clearInterval(timer);
that.setData({
content: '结束了!'
})
}
}, );
}
})
最新文章
- ASP.NET MVC项目实践技巧
- 水平垂直居中div(css3)
- html学习心得
- JQuery------prevAll(),nextAll(),attr()方法的使用
- [linux] 更改目录显示颜色
- oracle 10g 学习之多表查询、分组函数(6)
- 洛谷P1466 集合 Subset Sums
- 一个包的net到gs流程
- svg学习笔记(二)
- 谈话Java在ThreadLocal理解类
- js中两个感叹号的原理与用法分析(转载记录没找到原帖)
- Java自学之路---DotCom
- 转:web_custom_request 函数
- Entity Framework Core 2.0 中使用LIKE 操作符
- 【uWSGI】 listen queue of socket (fd: 3) 错误分析
- mongodb .explain(&#39;executionStats&#39;) 查询性能分析(转)
- day06-(mysql)
- C# 如何获取自定义的config中节点的值,并修改节点的值
- CSS3:HSL和HSLA
- SQLServer 数据库变成单个用户后无法访问问题的解决方法
热门文章
- 036:DTL常用过滤器(5)
- <;sql>;<;/sql>;标签是干嘛的
- 父工程 pom版本
- python绘制图的度分布柱状图, draw graph degree histogram with Python
- redis集群报错:(error) CLUSTERDOWN The cluster is down
- 树TreeView控件与DataTable交互添加节点(最高效的方法)
- Linux shell 归纳之 ~/. 是什么意思
- php面试专题---14、Linux基础考点
- Windows 10 Shell命令
- apktool介绍