it can be displayed normally in other browsers, only the NAN in the ie kernel.
< template >
<span>{{time}}</span>< / template >
< script >
export default {
data () {
return {
time : "",
flag : false
}
},
mounted () {
let time = setInterval(()=>{
if(this.flag == true){
clearInterval(time)
}
this.timeDown()
},500)},
props: {
endTime : {
type : String
}},
methods: {
timeDown () {
const endTime = new Date(this.endTime)
const nowTime = new Date();
let leftTime = parseInt((endTime.getTime()-nowTime.getTime())/1000)
let d = parseInt(leftTime/(24*60*60))
let h = this.formate(parseInt(leftTime/(60*60)%24))
let m = this.formate(parseInt(leftTime/60%60))
let s = this.formate(parseInt(leftTime%60))
if(leftTime <= 0){
this.flag = true
this.$emit("timeend")
}
this.time = `${d}${h}${m}${s}`
},
formate (time) {
if(time>=10){
return time
}else{
return `0${time}`
}
}}
}
< / script >
above is the js of processing time
this is the time format returned by the background
"2018-08-08 09:13:14"
