javascript实时显示当天日期的方法


Posted in Javascript onMay 20, 2015

本文实例讲述了javascript实时显示当天日期的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js显示时间</title>
</head>
<body>
<div id="divBottom"></div>
<script type="text/javascript">
//获取当天日期
function date()
{
  var date=new Date();
  var year=date.getFullYear();
  var month=date.getMonth()+1;
  var day=date.getDate();
  var hour="00"+date.getHours();
    hour=hour.substr(hour.length-2);
  var minute="00"+date.getMinutes();
    minute=minute.substr(minute.length-2);
  var second="00"+date.getSeconds();
    second=second.substr(second.length-2);
  var week=date.getDay();
  switch(week)
  {
    case 1:week="星期一 ";break;
    case 2:week="星期二 ";break;
    case 3:week="星期三 ";break;
    case 4:week="星期四 ";break;
    case 5:week="星期五 ";break;
    case 6:week="星期六 ";break;
    case 0:week="星期日 ";break;
    default:week="";break;
  }
  document.getElementById("divBottom").innerHTML=year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second+" "+week;
}
setInterval("date()",1000);
</script>
</body>
</html>

运行效果如下图所示:

javascript实时显示当天日期的方法

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
HTML中不支持静态Expando的元素的问题
Mar 08 Javascript
javascript cookies操作集合
Apr 12 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
Jul 14 Javascript
简单易用的倒计时js代码
Aug 04 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
Aug 27 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
jquery拖动改变div大小
Jul 04 jQuery
bootstrap多层模态框滚动条消失的问题
Jul 21 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
每周一练 之 数据结构与算法(Stack)
Apr 16 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
解决vue自定义指令导致的内存泄漏问题
Aug 04 Javascript
JavaScript中String.prototype用法实例
May 20 #Javascript
实现无刷新联动例子汇总
May 20 #Javascript
javascript中CheckBox全选终极方案
May 20 #Javascript
javascript消除window.close()的提示窗口
May 20 #Javascript
在JS方法中返回多个值的方法汇总
May 20 #Javascript
AspNet中使用JQuery上传插件Uploadify详解
May 20 #Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 #Javascript
You might like
全国FM电台频率大全 - 13 福建省
2020/03/11 无线电
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
PHP中使用file_get_contents抓取网页中文乱码问题解决方法
2014/12/17 PHP
学习php设计模式 php实现原型模式(prototype)
2015/12/07 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
极酷的javascirpt,让你随意编辑任何网页
2007/02/25 Javascript
从零开始学习jQuery (六) jquery中的AJAX使用
2011/02/23 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
Node.js 的异步 IO 性能探讨
2014/10/08 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
jquery实现上传文件大小类型的验证例子(推荐)
2016/06/25 Javascript
Bootstrap基本组件学习笔记之列表组(11)
2016/12/07 Javascript
Javascript中for循环语句的几种写法总结对比
2017/01/23 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
前端常见跨域解决方案(全)
2017/09/19 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
js序列化和反序列化的使用讲解
2019/01/19 Javascript
vue实现的上拉加载更多数据/分页功能示例
2019/05/25 Javascript
js HTML DOM EventListener功能与用法实例分析
2020/04/27 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
Django 跨域请求处理的示例代码
2018/05/02 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作
2020/06/06 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
以设计师精品品质提供快速时尚:Mostata
2019/05/10 全球购物
自荐信怎么写好
2013/11/11 职场文书
大学生期末自我鉴定
2014/02/01 职场文书
2014年五一活动策划方案
2014/03/15 职场文书
机械工程学院大学生求职信
2014/05/25 职场文书
2016国庆促销广告语
2016/01/28 职场文书
使用pycharm运行flask应用程序的详细教程
2021/06/07 Python
vue项目中的支付功能实现(微信支付和支付宝支付)
2022/02/18 Vue.js