倒计时组件-前端
有没有大佬实现过倒计时组件--
能给个代码参考下吗
我的实现思路就是用一个函数 传入时间戳
计算时分秒 不停的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>
?
查看21道真题和解析
投递阿里巴巴集团等公司10个岗位
好未来一面56人在聊