本文主要和大家分享js实现获取时间和设置倒计时代码,希望能帮助到大家。
只做笔记记录一下,主要用到date 和 setinterval
第一个倒计时的设置:
<script type="text/javascript">
var timebox = document.queryselector("#time"); function countdown(){
var nowtime = new date(); var targettime = new date("2018/2/27 15:44:15"); var spantime = targettime-nowtime; if(spantime <=0){
timebox.innerhtml="立即抢购";
clearinterval(countdown);
}else{ var hours = math.floor(spantime/(1000*60*60));
spantime-=hours*60*60*1000; var minute = math.floor(spantime/(1000*60));
spantime-=minute*60*1000; var second = math.floor(spantime/1000);
hours<10 ? hours='0'+hours : hours;
minute<10 ? minute='0'+minute : minute;
second<10 ? second='0'+second : second;
timebox.innerhtml=hours+':'+minute+':'+second;
}
} var timer = window.setinterval(countdown,1000); </script>
第二个,显示当前日期:
<script type="text/javascript">
var timebox = document.queryselector("#time"); function countdown(){
var date = new date(); var hours = date.gethours(); var minute = date.getminutes(); var second = date.getseconds();
hours =checktime(hours);
minute =checktime(minute);
second =checktime(second);
timebox.innerhtml = hours+':'+minute+':'+second;
} // 检测时间数字是否小于10,在小于10的数字前加一个‘0’
function checktime(i){
i<10 ? i="0"+i :i; return i;
} var timer = window.setinterval(countdown,1000); </script>
相关推荐:
js获取时间函数及扩展函数的方法
js获取时间的方法_javascript技巧
js防刷新的倒计时代码 js倒计时代码
以上就是js实现获取时间和设置倒计时代码分享的详细内容。
