您好,欢迎访问一九零五行业门户网

JS实现获取时间和设置倒计时代码分享

本文主要和大家分享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实现获取时间和设置倒计时代码分享的详细内容。
其它类似信息

推荐信息