使用JavaScript实现在页面中显示距离2017年中秋节的天数

更新时间：2017年09月26日 09:22:48 作者：pangqiandou

这篇文章主要介绍了使用JavaScript实现在页面中显示距离2017年中秋节的天数的相关资料,需要的朋友可以参考下

废话不多说了，具体代码如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>在页面中显示距离2017年中秋节的天数</title>
  <script type="text/javascript">
    function countdown(title,Intime,divId) {
      var online=new Date(Intime); //根据参数定义时间对象
      var now=new Date();   //定义当前系统时间
      var leave=online.getTime()-now.getTime(); //计算时间差
      var day=Math.floor(leave/(1000*60*60*24))+1;
      if (day>1){
          divId.innerHTML="<b>----距离"+title+"还有"+day+"天！<br/>" ; //页面显示信息
      }else{
        if (day==1){
            divId.innerHTML="<b>----明天就是"+title+"啦！<br/>" ; //页面显示信息
        }else{
          if (day==0) {
            divId.innerHTML = "<b>----今天就是" + title + "呀！<br/>"; //页面显示信息
          }else{
              divId.innerHTML="<b>----哎呀!"+title+"已经过了！<br/>" ; //页面显示信息
            }
          }
        }
    }
  </script>
</head>
<body>
  <table width="350" height="450" border="0" align="center" cellspacing="0" cellpadding="0">
    <tr>
      <td valign="bottom">
        <table width="346" height="418" border="0" align="center" cellspacing="0" cellpadding="0">
          <tr>
            <td width="76"></td>
            <td width="270">
              <div id="countDown">
                <b>---</b></div>
                <script type="text/javascript">
                  countdown("2017年中秋节","10/4/2017",countDown); //调用JavaScript函数
                </script>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>

总结

以上所述是小编给大家介绍的使用JavaScript实现在页面中显示距离2017年中秋节的天数，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

javascript 构造函数强制调用经验总结
本文将介绍javascript构造函数调用方面的案例应用，需要了解的朋友可以参考下
2012-12-12
JS+CSS实现表格高亮的方法
这篇文章主要介绍了JS+CSS实现表格高亮的方法,可实现鼠标滑过表格高亮效果,具有一定参考借鉴价值,需要的朋友可以参考下
2015-08-08
一文带你简单封装JS下的异步任务对象
我们在烧水的过程中去干了别的事情,就属于异步模式,异步模式中不会等待异步任务的结束才开始执行下一个同步的任务,都是开启过后就立即执行下一个任务,下面这篇文章主要给大家介绍了如何通过一文带你简单封装JS下的异步任务对象的相关资料,需要的朋友可以参考下
2022-11-11
微信小程序methods中定义的方法互相调用的实例代码
这篇文章主要介绍了微信小程序methods中定义的方法互相调用的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2018-08-08
浅析Javascript使用include/require
它有一个要求就是你的前端js是作为模块式的开发, 在前端逻辑比较复杂的话, 使用模块式来进行前端开发应该是种不错的选择。这里只简单介绍一下
2013-11-11
JavaScript实现拖拽排序的方法详解
可拖拽排序的菜单效果大家想必都很熟悉，本次我们通过一个可拖拽排序的九宫格案例来演示其实现原理，感兴趣的小伙伴可以跟随小编一起学习一下
2022-05-05
如何设置iframe高度自适应在跨域情况下的可用方法
iframe的高度需要根据子页面的实际高度来进行调整，但是如果子页面不在同一域中怎么办？这时候脚本没有办法获取到子页面的高度，存在JavaScript跨域的问题
2013-09-09
event.X和event.clientX的区别分析
解释一下event.X和event.clientX有什么区别？event.clientX返回事件发生时,mouse相对于客户窗口的X坐标 event.X也一样但是如果设置事件对象的定位属性值为relative
2011-10-10
PHP读取远程txt文档到数组并实现遍历
这篇文章主要介绍了PHP读取远程txt文档到数组并实现遍历,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-08-08
JS逆向之 webpack 打包站点实战原理分享
本文主要介绍了JS逆向之webpack打包站点实战原理分享，webpack是前端程序员用来进行打包JS的技术，打包之后的代码特征非常明显，更多相关知识需要的小伙伴可以参考下面文章详细内容
2022-06-06