使用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 相关文章推荐
javascript中怎么做对象的类型判断
Nov 11 Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 Javascript
javascript自动给文本url地址增加链接的方法分享
Jan 20 Javascript
js动态创建及移除div的方法
Jun 03 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
Jan 21 Javascript
BootStrap 动态表单效果
Jun 02 Javascript
原生js实现针对Dom节点的CRUD操作示例
Aug 26 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
JS Ajax请求会话过期处理问题解决方法分析
Nov 16 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 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
磨咖啡豆的密诀
2021/03/03 冲泡冲煮
使用 eAccelerator加速PHP代码的目的
2007/03/16 PHP
php统计数组元素个数的方法
2015/07/02 PHP
Yii使用migrate命令执行sql语句的方法
2016/03/15 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
PHP实现浏览器中直接输出图片的方法示例
2018/03/14 PHP
如何将JS的变量值传递给ASP变量
2012/12/10 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
2013/10/18 Javascript
js每隔5分钟执行一次ajax请求的实现方法
2013/11/27 Javascript
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
JS组件Bootstrap Table使用实例分享
2016/05/30 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
使用Angular.js开发的注意事项
2016/10/19 Javascript
Vue2.x中的父组件传递数据至子组件的方法
2017/05/01 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
2017/08/29 Javascript
javascript用rem来做响应式开发
2018/01/13 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
JavaScript数组常用的增删改查与其他属性详解
2020/10/13 Javascript
Nodejs在局域网配置https访问的实现方法
2020/10/17 NodeJs
python查看模块安装位置的方法
2018/10/16 Python
利用Python如何制作贪吃蛇及AI版贪吃蛇详解
2020/08/24 Python
Python3利用openpyxl读写Excel文件的方法实例
2021/02/03 Python
美国性感女装网站:bebe
2017/03/04 全球购物
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
英国最大的体育&时尚零售公司:JD Sports
2017/12/13 全球购物
高三自我鉴定怎么写
2013/10/19 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
2014年纠风工作总结
2014/12/08 职场文书
清明节扫墓活动总结
2015/02/09 职场文书
2015年党务工作者个人工作总结
2015/10/22 职场文书
Python 把两层列表展开平铺成一层(5种实现方式)
2021/04/07 Python
Python基础之数据结构详解
2021/04/28 Python
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python
Python简易开发之制作计算器
2022/04/28 Python