倒计时组件-前端

有没有大佬实现过倒计时组件--

能给个代码参考下吗

我的实现思路就是用一个函数 传入时间戳

计算时分秒 不停的settimeout。。。有其他思路吗

function arayMerg(){
   if(arguments.length==0){
      return [];
   }
  var len = arguments.length;
var res =[];
  for(var i =0;i<len;i++){
     res = [].concat.call(res,arguments[i]);
   }
return res;
}




//假设id为countdown的div是我们要放倒计时的地方
假设1s刷新一次
//传入的时间为秒数
<div id="countdown">00:00:00</div>
<style>
#countdown{
 border-radius:4px;
 background:black;
 color:white;
 font-size:20px
 font-weight:bold
}
</style>
<script>
function countdown(secs){
var ele = getElementById("countdown");
  var ss = secs%60;
  secs/=60;
var mm = secs%60;
  secs/=60;

var hh =secs;
format(ss);
format(mm);
format(hh);

ele.innerHtml = hh+":"+mm+":"+ss;
if(secs>0){
setTimeout(countdown(secs-1000),1000); 
}

}
function format(num){
 num = num<10?"0"+num:num;
}
</script>

?