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 text()要注意啦
Oct 30 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
Mar 06 Javascript
JavaScript 的继承
Oct 01 Javascript
简单的前端js+ajax 购物车框架(入门篇)
Oct 29 Javascript
AngularJS中$http服务常用的应用及参数
Aug 22 Javascript
jQuery File Upload文件上传插件使用详解
Dec 06 Javascript
Angular的自定义指令以及实例
Dec 26 Javascript
bootstrap suggest下拉框使用详解
Apr 10 Javascript
基于JQuery的Ajax方法使用详解
Aug 16 jQuery
angularJS自定义directive之带参方法传递详解
Oct 09 Javascript
代码整洁之道(重构)
Oct 25 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 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
一个程序下载的管理程序(一)
2006/10/09 PHP
PHP中将字符串转化为整数(int) intval() printf() 性能测试
2020/03/20 PHP
Json序列化和反序列化方法解析
2013/12/19 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
2014/09/02 Javascript
js实现点击图片改变页面背景图的方法
2015/02/28 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
2015/07/27 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
jquery实现搜索框功能实例详解
2018/07/23 jQuery
通过javascript实现段落的收缩与展开
2019/06/26 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
element-ui点击查看大图的方法示例
2020/12/14 Javascript
CentOS 7下安装Python 3.5并与Python2.7兼容并存详解
2017/07/07 Python
python调用Delphi写的Dll代码示例
2017/12/05 Python
pandas中Timestamp类用法详解
2017/12/11 Python
Python高级特性之闭包与装饰器实例详解
2019/11/19 Python
解决os.path.isdir() 判断文件夹却返回false的问题
2019/11/29 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
Python 实现自动完成A4标签排版打印功能
2020/04/09 Python
python将字典内容写入json文件的实例代码
2020/08/12 Python
Python timeit模块原理及使用方法
2020/10/10 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
AmazeUI 评论列表的实现示例
2020/08/13 HTML / CSS
希尔顿酒店中国网站:Hilton中国
2017/03/11 全球购物
英国儿童鞋和靴子:Start-Rite
2019/05/06 全球购物
2015年银行信贷员工作总结
2015/05/19 职场文书
2015大学生暑期实习报告
2015/07/13 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
企业内部管理控制:采购授权审批制度范本
2020/01/19 职场文书
自定义函数实现单词排序并运用于PostgreSQL(实现代码)
2021/04/22 PostgreSQL
MySQL一些常用高级SQL语句
2021/07/03 MySQL
python playwright之元素定位示例详解
2022/07/23 Python