手机版

vue时刻实现倒计时效果

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

这个例子分享了vue时刻实现倒计时的具体代码,供大家参考。具体内容如下

例子

密码

!-使用计算属性,传入截止日期-span { {倒数计时(enddate)}}/span/*引入日期插件*/从' moment '导入moment导出默认{data () {return {now3360 moment(),end date : ' 2019-05-07 08:20:00 ',}},挂载(){//更新当前时间设置间隔(()={this。now=moment ()},1000),//数字由0 //num补充n所需的字符长度为前缀整数(num,n) {return (array (n))。join (0) num)。切片(-n);} },computed: {//计算属性,剩余时间倒数(){返回函数(end date){让m1=this。现在让m2=力矩(enddate) var du=力矩。持续时间(m2-m1,' ms '),小时=du.get('小时'),分钟=du.get('分钟'),ss=du.get('秒');如果(小时=0分钟=0秒=0){返回“超时”}否则{返回此。前缀整数(小时,2)' : '这个。前缀整数(分钟,2)“:”这个。前缀整数(ss,2)}}

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

版权声明:vue时刻实现倒计时效果是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。