|
|
|
@ -12,93 +12,101 @@
|
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
export default { |
|
|
|
|
name: "CountDown", |
|
|
|
|
props: { |
|
|
|
|
//距离开始提示文字 |
|
|
|
|
tipText: { |
|
|
|
|
type: String, |
|
|
|
|
default: "倒计时" |
|
|
|
|
}, |
|
|
|
|
dayText: { |
|
|
|
|
type: String, |
|
|
|
|
default: "天" |
|
|
|
|
}, |
|
|
|
|
hourText: { |
|
|
|
|
type: String, |
|
|
|
|
default: "时" |
|
|
|
|
}, |
|
|
|
|
minuteText: { |
|
|
|
|
type: String, |
|
|
|
|
default: "分" |
|
|
|
|
}, |
|
|
|
|
secondText: { |
|
|
|
|
type: String, |
|
|
|
|
default: "秒" |
|
|
|
|
}, |
|
|
|
|
datatime: { |
|
|
|
|
type: Number, |
|
|
|
|
default: 0 |
|
|
|
|
}, |
|
|
|
|
isDay: { |
|
|
|
|
type: Boolean, |
|
|
|
|
default: true |
|
|
|
|
} |
|
|
|
|
export default { |
|
|
|
|
name: 'CountDown', |
|
|
|
|
props: { |
|
|
|
|
//距离开始提示文字 |
|
|
|
|
tipText: { |
|
|
|
|
type: String, |
|
|
|
|
default: '倒计时', |
|
|
|
|
}, |
|
|
|
|
dayText: { |
|
|
|
|
type: String, |
|
|
|
|
default: '天', |
|
|
|
|
}, |
|
|
|
|
hourText: { |
|
|
|
|
type: String, |
|
|
|
|
default: '时', |
|
|
|
|
}, |
|
|
|
|
data: function () { |
|
|
|
|
return { |
|
|
|
|
day: "00", |
|
|
|
|
hour: "00", |
|
|
|
|
minute: "00", |
|
|
|
|
second: "00" |
|
|
|
|
}; |
|
|
|
|
minuteText: { |
|
|
|
|
type: String, |
|
|
|
|
default: '分', |
|
|
|
|
}, |
|
|
|
|
created: function () { |
|
|
|
|
this.show_time(); |
|
|
|
|
secondText: { |
|
|
|
|
type: String, |
|
|
|
|
default: '秒', |
|
|
|
|
}, |
|
|
|
|
mounted: function () {}, |
|
|
|
|
methods: { |
|
|
|
|
show_time: function () { |
|
|
|
|
let that = this; |
|
|
|
|
datatime: {}, |
|
|
|
|
isDay: { |
|
|
|
|
type: Boolean, |
|
|
|
|
default: true, |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
data: function () { |
|
|
|
|
return { |
|
|
|
|
time: null, |
|
|
|
|
day: '00', |
|
|
|
|
hour: '00', |
|
|
|
|
minute: '00', |
|
|
|
|
second: '00', |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created: function () { |
|
|
|
|
this.show_time() |
|
|
|
|
}, |
|
|
|
|
mounted: function () {}, |
|
|
|
|
methods: { |
|
|
|
|
show_time: function () { |
|
|
|
|
let that = this |
|
|
|
|
|
|
|
|
|
function runTime() { |
|
|
|
|
//时间函数 |
|
|
|
|
let intDiff = that.datatime - Date.parse(new Date()) / 1000; //获取数据中的时间戳的时间差; |
|
|
|
|
let day = 0, |
|
|
|
|
hour = 0, |
|
|
|
|
minute = 0, |
|
|
|
|
second = 0; |
|
|
|
|
if (intDiff > 0) { |
|
|
|
|
//转换时间 |
|
|
|
|
if (that.isDay === true) { |
|
|
|
|
day = Math.floor(intDiff / (60 * 60 * 24)); |
|
|
|
|
} else { |
|
|
|
|
day = 0; |
|
|
|
|
} |
|
|
|
|
hour = Math.floor(intDiff / (60 * 60)) - day * 24; |
|
|
|
|
minute = Math.floor(intDiff / 60) - day * 24 * 60 - hour * 60; |
|
|
|
|
second = |
|
|
|
|
Math.floor(intDiff) - |
|
|
|
|
day * 24 * 60 * 60 - |
|
|
|
|
hour * 60 * 60 - |
|
|
|
|
minute * 60; |
|
|
|
|
if (hour <= 9) hour = "0" + hour; |
|
|
|
|
if (minute <= 9) minute = "0" + minute; |
|
|
|
|
if (second <= 9) second = "0" + second; |
|
|
|
|
that.day = day; |
|
|
|
|
that.hour = hour; |
|
|
|
|
that.minute = minute; |
|
|
|
|
that.second = second; |
|
|
|
|
if (parseInt(this.datatime).length == 13) { |
|
|
|
|
// 毫秒级 |
|
|
|
|
console.log('毫秒') |
|
|
|
|
this.datatime = this.datatime / 1000 |
|
|
|
|
} else if (parseInt(this.datatime).length == 10) { |
|
|
|
|
console.log('秒') |
|
|
|
|
// 秒级 |
|
|
|
|
} else { |
|
|
|
|
// 时间 |
|
|
|
|
console.log('时间') |
|
|
|
|
this.datatime = Date.parse(this.datatime) / 1000 |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function runTime() { |
|
|
|
|
console.log(that.datatime) |
|
|
|
|
//时间函数 |
|
|
|
|
let intDiff = that.datatime - Date.parse(new Date()) / 1000 //获取数据中的时间戳的时间差; |
|
|
|
|
let day = 0, |
|
|
|
|
hour = 0, |
|
|
|
|
minute = 0, |
|
|
|
|
second = 0 |
|
|
|
|
if (intDiff > 0) { |
|
|
|
|
//转换时间 |
|
|
|
|
if (that.isDay === true) { |
|
|
|
|
day = Math.floor(intDiff / (60 * 60 * 24)) |
|
|
|
|
} else { |
|
|
|
|
that.day = "00"; |
|
|
|
|
that.hour = "00"; |
|
|
|
|
that.minute = "00"; |
|
|
|
|
that.second = "00"; |
|
|
|
|
day = 0 |
|
|
|
|
} |
|
|
|
|
hour = Math.floor(intDiff / (60 * 60)) - day * 24 |
|
|
|
|
minute = Math.floor(intDiff / 60) - day * 24 * 60 - hour * 60 |
|
|
|
|
second = Math.floor(intDiff) - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60 |
|
|
|
|
if (hour <= 9) hour = '0' + hour |
|
|
|
|
if (minute <= 9) minute = '0' + minute |
|
|
|
|
if (second <= 9) second = '0' + second |
|
|
|
|
that.day = day |
|
|
|
|
that.hour = hour |
|
|
|
|
that.minute = minute |
|
|
|
|
that.second = second |
|
|
|
|
} else { |
|
|
|
|
that.day = '00' |
|
|
|
|
that.hour = '00' |
|
|
|
|
that.minute = '00' |
|
|
|
|
that.second = '00' |
|
|
|
|
} |
|
|
|
|
runTime(); |
|
|
|
|
setInterval(runTime, 1000); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
runTime() |
|
|
|
|
setInterval(runTime, 1000) |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|