原生js寫法：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.b {
width: 100px;
height: 140px;
border: 2px solid #b40000;
float: left;
margin: 10px 10px;
text-align: center;
line-height: 140px;
color: red;
font-weight: bold;
font-size: 22px;
}
</style>
</head>
<body>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<div class="b"></div>
<script>
var b=document.getElementsByClassName("b");
var timedao=setInterval(function(){
var timeset=new Date("2020 3/22 17:30:00:00");
var timenow=new Date();
var allhaocha=timeset.getTime()-timenow.getTime(); /*getTime() 獲取當前時間到1970總毫秒數*/
var allmiaocha=parseInt(allhaocha/1000); //總毫秒數---總秒數
var haoth=allhaocha%1000; //倒計時毫秒數
var secth=allmiaocha%60; //倒計時 秒
var minth=parseInt(allmiaocha/60)%60; //倒計時 分
var hourth=parseInt(allmiaocha/(60*60))%24; //倒計時 小時
var day=parseInt(allmiaocha/(60*60*24))%30; //倒計時 天
var month=parseInt(allmiaocha/(60*60*24*30))%12; //倒計時 月
var yearth=parseInt(allmiaocha/(60*60*24*30*12))%100; //100年爲1世紀
console.log(haoth)
b[0].innerHTML=yearth+"年";
b[1].innerHTML=month+"月";
b[2].innerHTML=day+"日";
b[3].innerHTML=hourth+"時";
b[4].innerHTML=minth+"分";
b[5].innerHTML=secth+"秒";
var res="";
if(haoth<10){
hao="00"+haoth;
}
else if(haoth<100 && haoth>=10 ){
hao="0"+haoth;
}
else{
hao=haoth;
}
b[6].innerHTML=hao+"秒";
},1);
</script>
</body>
</html>
vue中如何實現？
mounted() {
(function countdown(){
var timeshow=document.getElementsByClassName('daotime')
var nowtime=new Date() //當前時間
var activitytime=new Date("2020 3/20 17:30:00:00"); //活動時間
var allMillisecond=activitytime.getTime()-nowtime.getTime() //倒計時的總毫秒數
var allSecond=parseInt(allMillisecond/1000) //總秒數
var oddSecond=parseInt(allSecond%60) //秒
var oddMinute=parseInt((allSecond/60)%60) //分
var oddHour=parseInt((allSecond/60/60)%60) //時
if(oddSecond<10){
oddSecond='0'+oddSecond
}else{
oddSecond
}
if(oddMinute<10){
oddMinute='0'+oddMinute
}else{
oddMinute
}
if(oddHour<10){
oddHour='0'+oddHour
}else{
oddHour
}
timeshow[0].innerHTML=oddHour //如果在data裏聲明它，此處使用this.oddhour會報錯，所以用innerHTML
timeshow[1].innerHTML=oddMinute
timeshow[2].innerHTML=oddSecond
requestAnimationFrame(countdown)
})()
}