记录一个常见的效果,倒计时。

<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: '结束了!'
})
}
}, );
}
})

最新文章

  1. ASP.NET MVC项目实践技巧
  2. 水平垂直居中div(css3)
  3. html学习心得
  4. JQuery------prevAll(),nextAll(),attr()方法的使用
  5. [linux] 更改目录显示颜色
  6. oracle 10g 学习之多表查询、分组函数(6)
  7. 洛谷P1466 集合 Subset Sums
  8. 一个包的net到gs流程
  9. svg学习笔记(二)
  10. 谈话Java在ThreadLocal理解类
  11. js中两个感叹号的原理与用法分析(转载记录没找到原帖)
  12. Java自学之路---DotCom
  13. 转:web_custom_request 函数
  14. Entity Framework Core 2.0 中使用LIKE 操作符
  15. 【uWSGI】 listen queue of socket (fd: 3) 错误分析
  16. mongodb .explain(&#39;executionStats&#39;) 查询性能分析(转)
  17. day06-(mysql)
  18. C# 如何获取自定义的config中节点的值,并修改节点的值
  19. CSS3:HSL和HSLA
  20. SQLServer 数据库变成单个用户后无法访问问题的解决方法

热门文章

  1. 036:DTL常用过滤器(5)
  2. &lt;sql&gt;&lt;/sql&gt;标签是干嘛的
  3. 父工程 pom版本
  4. python绘制图的度分布柱状图, draw graph degree histogram with Python
  5. redis集群报错:(error) CLUSTERDOWN The cluster is down
  6. 树TreeView控件与DataTable交互添加节点(最高效的方法)
  7. Linux shell 归纳之 ~/. 是什么意思
  8. php面试专题---14、Linux基础考点
  9. Windows 10 Shell命令
  10. apktool介绍