最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 20:03:07
文档

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

JS实现获取时间和设置倒计时代码分享:本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家。只做笔记记录一下,主要用到Date 和 setInterval 第一个倒计时的设置:<script type="text/javascript"> var timeBox = document.que
推荐度:
导读JS实现获取时间和设置倒计时代码分享:本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家。只做笔记记录一下,主要用到Date 和 setInterval 第一个倒计时的设置:<script type="text/javascript"> var timeBox = document.que


本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家。

只做笔记记录一下,主要用到DatesetInterval
第一个倒计时的设置:

<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实现获取时间和设置倒计时代码分享:本文主要和大家分享JS实现获取时间和设置倒计时代码,希望能帮助到大家。只做笔记记录一下,主要用到Date 和 setInterval 第一个倒计时的设置:<script type="text/javascript"> var timeBox = document.que
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top