vue倒计时：天时分秒

<p>倒计时：{{day}}天 {{hour}}：{{min}}：{{second}}</p>

data () {return {curStartTime: '2019-07-31 08:00:00',day: '0',hour: '00',min: '00',second: '00',}
},

// 倒计时
countTime () {// 获取当前时间let date = new Date()let now = date.getTime()// 设置截止时间let endDate = new Date(this.curStartTime) // this.curStartTime需要倒计时的日期let end = endDate.getTime()// 时间差let leftTime = end - now// 定义变量 d,h,m,s保存倒计时的时间if (leftTime >= 0) {// 天this.day = Math.floor(leftTime / 1000 / 60 / 60 / 24)// 时let h = Math.floor(leftTime / 1000 / 60 / 60 % 24)this.hour = h < 10 ? '0' + h : h// 分let m = Math.floor(leftTime / 1000 / 60 % 60)this.min = m < 10 ? '0' + m : m// 秒let s = Math.floor(leftTime / 1000 % 60)this.second = s < 10 ? '0' + s : s} else {this.day = 0this.hour = '00'this.min = '00'this.second = '00'}// 等于0的时候不调用if (Number(this.hour) === 0 && Number(this.day) === 0 && Number(this.min) === 0 && Number(this.second) === 0) {return} else {// 递归每秒调用countTime方法，显示动态时间效果,setTimeout(this.countTime, 1000)}
},

this.countTime()

vue倒计时：天时分秒相关推荐

js倒计时天时分秒php,JS制作分秒倒计时器
这篇文章主要介绍了JavaScript分秒倒计时器实现方法,可实现按照毫秒倒计时的效果,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了JavaScript分秒倒计时器实现方法.分享给大家供 ...
js倒计时天时分秒php,js实现时分秒倒计时
本文实例为大家分享了js实现时分秒倒计时的具体代码,供大家参考,具体内容如下 js时分秒毫秒倒计时 //js部分 function countTime(value) { //获取当前时间 var da ...
2022-07-20 工作记录--React-js将时间戳转换成“天时分秒” + “天时分秒”的倒计时
一.实现效果假如后端返了两个数据:当前时间的13位时间戳currentTimestamp.到期时间的13位时间戳expireTimestamp,想实现"还有多久到期的时间"的倒计 ...
vue js时分秒计时器_Vue js框架的倒数计时器
vue js时分秒计时器 VUE倒计时 (vue-count-down-timer) This is a count down timer for Vue js framework. This lib ...
mysql 毫秒转换为天时分秒
实现逻辑,指定一个毫秒值,通过sql转换为秒,再转换为剩余X天X小时X分X秒,通常用来计算活动剩余倒计时. set @time = 671218437/1000; -- 毫秒转换为天时分秒(67121 ...
Vue倒计时动画效果
这一次在b站看到一个博主做的一个倒计时的动画效果,跟着做了一下.以下是对此次项目的一些记录与总结. 该项目效果链接:Vue倒计时 HTML部分: <div id="app"& ...
JS将秒数换算成具体的天时分秒
JS将秒数换算成具体的天时分秒(绝对好用,简单易懂) count为传入的秒数,time为换算后的天时分秒 function formattingTime(count) {var time = '';v ...
matlab 秒数转换时分秒,将秒转换为天时分秒格式字符串(如是0天0时0分就显示秒)...
1./** 2. * 将秒转换为天时分秒格式字符串(如是0天0时0分就显示秒) 3. * @param seconds 秒数 4. * @return 返回天时分秒字符串 5. */ 6.privat ...
js将秒转为天时分秒格式
项目中后端传过来的值是以秒为单位,但是渲染是需要将格式转为 1.超过一天则以天时分秒显示,不超过一天则以时分秒显示 2.超过一小时则以时分秒显示,不超过一天则以分秒显示 3.超过一分钟则以分秒显示,不 ...
android 日倒计时计算器,分秒倒数日app下载-分秒倒数日(时间计算器)安卓版下载 v2.0.0安卓版_5577安卓网...
分秒倒数日安卓版app下载分享给大家,这是一款非常好用的时间管理神奇,用户可以使用这款软件记录重要的时间,可以设置与恋人相恋的时间,也可以设置高考的倒数日,非常的方便,感兴趣的用户快来本站下载吧. [ ...

vue倒计时：天时分秒

vue倒计时：天时分秒相关推荐

最新文章

热门文章