vue时分秒倒计时
countTime: function () {
? ? ? ? ? ? ? ? //獲取當(dāng)前時(shí)間
? ? ? ? ? ? ? ? var date = new Date();
? ? ? ? ? ? ? ? var now = date.getTime();
? ? ? ? ? ? ? ? //設(shè)置截止時(shí)間
? ? ? ? ? ? ? ? var endDate = new Date("2018-10-22 23:23:23");
? ? ? ? ? ? ? ? var end = endDate.getTime();
? ? ? ? ? ? ? ? //時(shí)間差
? ? ? ? ? ? ? ? var leftTime = end - now;
? ? ? ? ? ? ? ? //定義變量 d,h,m,s保存倒計(jì)時(shí)的時(shí)間
? ? ? ? ? ? ? ? if (leftTime >= 0) {
? ? ? ? ? ? ? ? ? ? d = Math.floor(leftTime / 1000 / 60 / 60 / 24);
? ? ? ? ? ? ? ? ? ? this.h = Math.floor(leftTime / 1000 / 60 / 60 % 24);
? ? ? ? ? ? ? ? ? ? this.m = Math.floor(leftTime / 1000 / 60 % 60);
? ? ? ? ? ? ? ? ? ? this.s = Math.floor(leftTime / 1000 % 60);
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? console.log(this.s);
? ? ? ? ? ? ? ? //遞歸每秒調(diào)用countTime方法,顯示動(dòng)態(tài)時(shí)間效果
? ? ? ? ? ? ? ? setTimeout(this.countTime, 1000);
? ? ? ? ? ? }
總結(jié)
- 上一篇: 电子标签
- 下一篇: Vue错误03:Property or