vue 日期,vue默认超时时间是多少
这篇文章主要为大家详细介绍了某视频剪辑软件实现指定日期之间的倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了某视频剪辑软件实现指定日期之间倒计时的具体代码,供大家参考,具体内容如下
效果图如下
此处使用moment.js日期处理类库使用方法如下
新公共管理安装时刻或者纱线添加力矩
超文本标记语言
div class=时间到了
div class=back{{dayNum}}/div
div class=font-14 date 天/div
div class=back{{hourNum}}/div
div class=font-14 date 时/div
div class= back { {分钟数} }/div
div class=font-14 date 分/div
div class= back { { second num } }/div
div class=font-14 date 秒/div
/div
射流研究…
从"时刻"导入时刻;
导出默认值{
名称: TimeRangPage ,
道具:{
开始时间:字符串,
结束时间:字符串
},
data () {
返回{
天数:0,
小时:0,
分钟:0,
秒:0,
timeSetInterval: null,
showTimeDown: false,
展示:假
};
},
已创建(){
if (moment(new Date()).isBefore(this.startTime)) {
这个。show time down=true
这个。time down();
}
if (moment(new Date()).就是在(这个之后。结束时间))这个。show over=true
},
方法:{
timeDown () {
这个。timesetinterval=setInterval(()={
如果(时刻(this.startTime).isBefore(moment())) {
这个。show time down=false
清除间隔(这个。timesetinterval);
位置。重载();
}
设dur=力矩。持续时间(时刻(这个。开始时间)-moment(), ms );
这个。天数=dur。get(天);
这个。小时=dur。get(小时);
this.minutes=dur.get(分钟);
this.seconds=dur.get(秒);
}, 1000);
}
},
计算值:{
dayNum () {
如果(这.天10)返回“0”这个。天;
返回这.天
},
hourNum () {
如果(这.小时10)返回0 this.hours
返回这.小时
},
minuteNum () {
如果(这.分钟10)返回0 这.分钟
返回此分钟;
},
secondNum () {
如果(这.秒10)返回0 这.秒
返回这个。秒;
}
}
};
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。