JavaScript 使用图像执行倒计时的功能。

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript 使用图像执行倒计时的功能。相关的知识，希望对你有一定的参考价值。

<style type="text/css">
  .countDown {
    font-family:"Helvetica Neue",Helvetica,Calibri,"Liberation Sans",Arial,sans-serif;
    font-weight:300;
    letter-spacing:0.5px;
    text-align:center;
  }
</style>
<script type="text/javascript">
  currentDate = new Date();
  zeroDay = new Date("January 1, 2013"); // <===|INSERT_DATE_HERE
  msPerDay = 864E5;
  time = (zeroDay.getTime() - currentDate.getTime());
  days= time / msPerDay;
  dayCount = Math.floor(days);
  image = parseInt(dayCount) + 2;
  countDown ="<div id='countDown' class='countDown'>It's coming. Are you ready?<br>"+dayCount+" days until "+zeroDay+".</div>";
  if (dayCount > 30){document.write(countDown);}
  else if (dayCount <= 30){document.write("<img id='countDown' class='countDown' src='"+image+".jpg' alt='It's coming.'/>");}
  else {document.write("<img id='countDown' class='countDown' src='1.jpg' alt=''It's coming.'/>");}
</script>

以上是关于JavaScript 使用图像执行倒计时的功能。的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 计时事件

JavaScript 计时

vue-实现倒计时功能

javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决

利用JavaScript写出倒计时功能超详细

利用JavaScript写出倒计时功能超详细