倒计时

最新推荐文章于 2024-09-24 08:00:00 发布

原创最新推荐文章于 2024-09-24 08:00:00 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

本文通过一个简单的HTML页面示例，介绍了如何使用JavaScript实现到指定日期的倒计时功能。文章详细解释了获取当前时间、计算剩余时间的方法，并通过定时器不断更新显示，适合初学者学习。

<!DOCTYPE html>
<html>
<head>
   <title></title>
</head>
<body>
<p>距离2018年1月1日还有天小时分钟秒</p>
</body>
<script type="text/javascript">
var ip = document.getElementsByTagName('p')[0];

   //创建一个时间对象
   var nowDate = new Date(2018,0,1);

   var nowYear = nowDate.getFullYear();//返回当前的年份
   console.log(nowYear);

   var nowMonth = nowDate.getMonth();//返回当前的月份
   console.log(nowMonth);

   var nowDay = nowDate.getDay();//返回当前的日期
   console.log(nowDay);

   var nowHour = nowDate.getHours();//返回当前小时
   console.log(nowHour);

   var nowMinute = nowDate.getMinutes();//返回当前分钟
   console.log(nowMinute);

   var nowSecond = nowDate.getSeconds();//返回当前秒
   console.log(nowSecond);

   var nowWeek = nowDate.getDay();//返回当前星期几
   console.log(nowWeek);

   var nowTime = nowDate.getTime();//返回当前时间到1970.1.1毫秒数
   console.log(nowTime);


       //定义一个定时器，每隔一秒输出
       var timer = setInterval(function(){
           var nowDate1 =new Date();
           var nowTime1 = nowDate1.getTime();
           console.log(nowTime1);
           //得到天数
           var day =parseInt((nowTime-nowDate1)/(3600*24*1000));
           console.log(day);
           //得到小时数
           var hour=parseInt((nowTime-nowDate1)%(3600*24*1000)/(3600*1000));
           console.log(hour);
           //得到分钟数
           var minute = parseInt(((nowTime-nowDate1)%(3600*24*1000)%(3600*1000)/60/1000));
           console.log(minute);
           //得到秒数
           var seconds=parseInt(((nowTime-nowDate1)%(3600*24*1000)%(3600*1000)%(60*1000)/1000));
           console.log(seconds);
           ip.innerHTML ='距离2018年1月1日还有'+day+'天'+hour+'小时'+minute+'分钟'+seconds+'秒';


    },1000);


</script>
</html>