脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 实现页面中显示距离2017年中秋节天数

使用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实现图片跟随鼠标移动效果的方法

    这篇文章主要介绍了javascript实现图片跟随鼠标移动效果的方法,涉及javascript鼠标事件及页面元素的相关操作技巧,需要的朋友可以参考下
    2015-05-05
  • JavaScript实现的链表数据结构实例

    JavaScript实现的链表数据结构实例

    这篇文章主要介绍了JavaScript实现的链表数据结构实例,本文直接给出实现代码,需要的朋友可以参考下
    2015-04-04
  • 利用JS判断元素是否为数组的方法示例

    利用JS判断元素是否为数组的方法示例

    这篇文章主要给大家介绍了关于利用JS判断元素是否为数组的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • JavaScript实现商品评价五星好评

    JavaScript实现商品评价五星好评

    这篇文章主要为大家详细介绍了JavaScript实现商品评价五星好评，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 用js制作淘宝放大镜效果

    用js制作淘宝放大镜效果

    这篇文章主要为大家详细介绍了js制作淘宝放大镜效果的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 扩展IE中一些不兼容的方法如contains、startWith等等

    扩展IE中一些不兼容的方法如contains、startWith等等

    扩展IE中一些不兼容的方法如contains方法、startWith方法等等，下面是具体的实现代码，喜欢的朋友可以参考下
    2014-01-01
  • js判断字符是否是汉字的两种方法小结

    js判断字符是否是汉字的两种方法小结

    本篇文章主要是对js判断字符是否是汉字的两种方法进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-01-01
  • 浅析javaScript中的浅拷贝和深拷贝

    浅析javaScript中的浅拷贝和深拷贝

    本篇文章主要介绍了浅析javaScript中的浅拷贝和深拷贝，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • freemarker判断对象是否为空的方法

    freemarker判断对象是否为空的方法

    FreeMarker是一个用Java语言编写的模板引擎，它基于模板来生成文本输出，用FreeMarker判断对象是否为空的方法大家知道吗，这篇文章就针对这个知道点做介绍，需要的朋友可以参考下
    2015-08-08
  • 原生js滑动轮播封装

    原生js滑动轮播封装

    这篇文章主要为大家详细介绍了原生js滑动轮播封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-07-07

最新评论