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


Posted in Javascript onSeptember 26, 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 相关文章推荐
正则表达式语法
Oct 09 Javascript
用javascript父窗口控制只弹出一个子窗口
Apr 10 Javascript
jQuery插件实现控制网页元素动态居中显示
Mar 24 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
Jquery基础教程之DOM操作
Aug 19 Javascript
jquery 遍历数组 each 方法详解
May 25 Javascript
jQuery插件ajaxFileUpload使用详解
Jan 10 Javascript
微信小程序 页面跳转如何实现传值
Apr 05 Javascript
React 组件间的通信示例
Jun 14 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
原生js实现商品筛选功能
Oct 28 Javascript
JavaScript文档对象模型DOM
Nov 20 Javascript
Three.js实现绘制字体模型示例代码
Sep 26 #Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
Sep 26 #Javascript
JS+jQuery实现注册信息的验证功能
Sep 26 #jQuery
详解vue-cli中的ESlint配置文件eslintrc.js
Sep 25 #Javascript
JavaScript 自定义事件之我见
Sep 25 #Javascript
详解在vue-cli中使用路由
Sep 25 #Javascript
Bootstrap一款超好用的前端框架
Sep 25 #Javascript
You might like
8个出色的WordPress SEO插件收集
2011/02/26 PHP
php中将图片gif,jpg或mysql longblob或blob字段值转换成16进制字符串
2011/08/23 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
php模式设计之观察者模式应用实例分析
2019/09/25 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
JAVASCRIPT下判断IE与FF的比较简单的方式
2008/10/17 Javascript
javascript 基础篇4 window对象,DOM
2012/03/14 Javascript
用客户端js实现带省略号的分页
2013/04/27 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
2015/05/01 Javascript
AngularJS 模块详解及简单实例
2016/07/28 Javascript
浅谈JS中的bind方法与函数柯里化
2016/08/10 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
webpack写jquery插件的环境配置
2017/12/21 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
2018/02/18 jQuery
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
JavaScript中如何调用Java方法
2020/09/16 Javascript
Python可跨平台实现获取按键的方法
2015/03/05 Python
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
基于tensorflow for循环 while循环案例
2020/06/30 Python
html5之Canvas路径绘图、坐标变换应用实例
2012/12/26 HTML / CSS
BONIA波尼亚新加坡官网:皮革手袋,鞋类和配件
2016/08/25 全球购物
Paper Cape官网:美国婴儿和儿童服装品牌
2019/11/02 全球购物
几个常见的消息中间件(MOM)
2014/01/08 面试题
自荐信的五个重要部分
2013/10/29 职场文书
大学生最常用的自我评价
2013/12/07 职场文书
师范学院教师自荐书
2014/01/31 职场文书
交通事故协议书范文
2014/04/16 职场文书
长城的导游词
2015/01/30 职场文书
离婚纠纷代理词
2015/05/23 职场文书
观后感的写法
2015/06/19 职场文书
中学教代会开幕词
2016/03/04 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书
Python 如何实现文件自动去重
2021/06/02 Python