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 相关文章推荐
javascript的alert box在java中如何显示多行
May 18 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 Javascript
JavaScript之AOP编程实例
Jul 17 Javascript
JavaScript中字面量与函数的基本使用知识
Oct 20 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
May 17 Javascript
浅谈jquery的map()和each()方法
Jun 12 Javascript
JS多文件上传的实例代码
Jan 11 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
Aug 03 Javascript
基于JavaScript实现前端数据多条件筛选功能
Aug 19 Javascript
微信小程序静默登录的实现代码
Jan 08 Javascript
vue prop传值类型检验方式
Jul 30 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
火影忍者:三大瞳力之一的白眼,为什么没有写轮眼那么出色?
2020/03/02 日漫
php的list()的一步操作给一组变量进行赋值的使用
2011/05/18 PHP
php制作简单模版引擎
2016/04/07 PHP
Prototype源码浅析 Number部分
2012/01/16 Javascript
jQuery中extend()和fn.extend()方法详解
2015/06/03 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
2015/11/22 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
bootstrap侧边栏圆点导航
2017/01/11 Javascript
使用canvas及js简单生成验证码方法
2017/04/02 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
jq.ajax+php+mysql实现关键字模糊查询(示例讲解)
2018/01/02 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
脚手架vue-cli工程webpack的作用和特点
2018/09/29 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
Vue——解决报错 Computed property &quot;****&quot; was assigned to but it has no setter.
2020/12/19 Vue.js
[01:00]选手抵达华西村 整装待发备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
python对指定目录下文件进行批量重命名的方法
2015/04/18 Python
Python中zfill()方法的使用教程
2015/05/20 Python
Python实现SVN的目录周期性备份实例
2015/07/17 Python
apache部署python程序出现503错误的解决方法
2017/07/24 Python
python中如何正确使用正则表达式的详细模式(Verbose mode expression)
2017/11/08 Python
python读取文本中数据并转化为DataFrame的实例
2018/04/10 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
pandas 数据归一化以及行删除例程的方法
2018/11/10 Python
详解python logging日志传输
2020/07/01 Python
Boutique 1美国:阿联酋奢侈时尚零售商
2017/10/16 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
KENZO官网:高田贤三在法国创立的品牌
2019/05/16 全球购物
规划编制实施方案
2014/03/15 职场文书
竞选村长演讲稿
2014/04/28 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
小学入学感言
2015/08/01 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
汽车销售合同文本
2019/08/08 职场文书
Python初学者必备的文件读写指南
2021/06/23 Python