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 相关文章推荐
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
Jan 03 Javascript
求数组最大最小值方法适用于任何数组
Aug 16 Javascript
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 Javascript
Jquery中children与find之间的区别详细解析
Nov 29 Javascript
JavaScript入门基础
Aug 12 Javascript
JavaScript中的this到底是什么(一)
Dec 09 Javascript
4种JavaScript实现简单tab选项卡切换的方法
Jan 06 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
Mar 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
php懒人函数 自动添加数据
2011/06/28 PHP
php创建sprite
2014/02/11 PHP
php使用PDO方法详解
2014/12/27 PHP
百度工程师讲PHP函数的实现原理及性能分析(一)
2015/05/13 PHP
PHP控制前台弹出对话框的实现方法
2016/08/21 PHP
php的4种常用运行方式详解
2016/12/22 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
php精度计算的问题解析
2019/06/21 PHP
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
javascript实现动态改变层大小的方法
2015/05/14 Javascript
js将字符串中的每一个单词的首字母变为大写其余均为小写
2017/01/05 Javascript
ajax前台后台跨域请求处理方式
2018/02/08 Javascript
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
2019/10/31 Javascript
js实现时分秒倒计时
2019/12/03 Javascript
vue el-upload上传文件的示例代码
2020/12/21 Vue.js
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
详解Python中的动态属性和特性
2018/04/07 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
Python实现的特征提取操作示例
2018/12/03 Python
Python3简单实现串口通信的方法
2019/06/12 Python
如何使用Python多线程测试并发漏洞
2019/12/18 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
Python实现LR1文法的完整实例代码
2020/10/25 Python
python tqdm库的使用
2020/11/30 Python
Python利用imshow制作自定义渐变填充柱状图(colorbar)
2020/12/10 Python
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
学校运动会开幕演讲稿
2014/01/04 职场文书
校园活动策划书范文
2014/01/10 职场文书
个人学习群众路线心得体会
2014/11/05 职场文书
详解nodejs内置模块
2021/05/06 NodeJs