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重要知识更新
Jul 08 Javascript
JavaScript实现的简单幂函数实例
Apr 17 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
Jun 01 Javascript
深入理解JavaScript中的对象
Jun 04 Javascript
AngularJS通过$http和服务器通信详解
Sep 21 Javascript
Node.js学习入门
Jan 03 Javascript
Vue实现动态显示textarea剩余字数
May 22 Javascript
express默认日志组件morgan的方法
Apr 05 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
Oct 23 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 Javascript
基于jquery实现彩色投票进度条代码解析
Aug 26 jQuery
JS代码实现页面切换效果
Jan 10 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
PHP APC配置文件2套和参数详解
2014/06/11 PHP
Javascript操纵Cookie实现购物车程序
2006/11/23 Javascript
根据分辩率调用不同的CSS.
2007/01/08 Javascript
jquery插件制作 提示框插件实现代码
2012/08/17 Javascript
JS在IE下缺少标识符的错误
2014/07/23 Javascript
jQuery使用hide方法隐藏元素自身用法实例
2015/03/30 Javascript
JavaScript返回网页中超链接数量的方法
2015/04/03 Javascript
JavaScript实现动画打开半透明提示层的方法
2015/04/21 Javascript
Javascript实现快速排序(Quicksort)的算法详解
2015/09/06 Javascript
BootStrap 附加导航组件
2016/07/22 Javascript
vue开发心得和技巧分享
2016/10/27 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
vue 过滤器filter实例详解
2018/03/14 Javascript
vue-better-scroll 的使用实例代码详解
2018/12/03 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
Python实现获取某天是某个月中的第几周
2015/02/11 Python
Python中tell()方法的使用详解
2015/05/24 Python
Python  pip安装lxml出错的问题解决办法
2017/02/10 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
python pycurl验证basic和digest认证的方法
2018/05/02 Python
Python读写docx文件的方法
2018/05/08 Python
Python 窗体(tkinter)按钮 位置实例
2019/06/13 Python
python获取地震信息 微信实时推送
2019/06/18 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
Python动态强类型解释型语言原理解析
2020/03/25 Python
python怎么判断模块安装完成
2020/06/19 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
新西兰演唱会和体育门票网站:Ticketmaster新西兰
2017/10/07 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
学生顶撞老师的检讨书
2014/09/17 职场文书
服务员态度差检讨书
2014/10/28 职场文书
2015年禁毒宣传活动总结
2015/03/25 职场文书
python实现Nao机器人的单目测距
2021/09/04 Python
vue 给数组添加新对象并赋值
2022/04/20 Vue.js