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 相关文章推荐
js loading加载效果实现代码
Nov 24 Javascript
javascript使用定时函数实现跳转到某个页面
Dec 25 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
Nov 04 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
微信小程序 教程之数据绑定
Oct 18 Javascript
Javascript blur与click冲突解决办法
Jan 09 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
Mar 15 Javascript
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
swiper 自动图片无限轮播实现代码
May 21 Javascript
element ui table(表格)实现点击一行展开功能
Dec 04 Javascript
微信小程序实现的五星评价功能示例
Apr 25 Javascript
详解vue2.0模拟后台json数据
May 16 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实现小型站点广告管理(修正版)
2006/10/09 PHP
BBS(php &amp; mysql)完整版(六)
2006/10/09 PHP
PHP时间函数使用详解
2019/03/21 PHP
PHP实现时间日期友好显示实现代码
2019/09/08 PHP
php开发最强大的IDE编辑的phpstorm 2020.2配置Xdebug调试的详细教程
2020/08/17 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
常用js脚本
2006/12/03 Javascript
模拟多级复选框效果的jquery代码
2013/08/13 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
2013/11/19 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
使用JS获取当前地理位置方法汇总
2014/12/18 Javascript
JavaScript实现页面定时刷新(定时器,meta)
2016/10/12 Javascript
浅谈Vuex的状态管理(全家桶)
2017/11/04 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
2018/03/05 Javascript
vue中本地静态图片路径写法
2018/03/06 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
2018/10/29 Javascript
IE11下处理Promise及Vue的单项数据流问题
2019/07/24 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
[48:21]Mski vs VGJ.S Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python中threading模块join函数用法实例分析
2015/06/04 Python
Python多线程爬虫简单示例
2016/03/04 Python
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
异步任务队列Celery在Django中的使用方法
2018/06/07 Python
python使用Matplotlib画条形图
2020/03/25 Python
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
白宫黑市官网:White House Black Market
2016/11/17 全球购物
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
SQL里面如何插入自动增长序列号字段
2012/03/29 面试题
国旗下的演讲稿
2014/05/08 职场文书
建筑专业毕业生自荐信
2014/05/25 职场文书
民主生活会对照检查材料思想汇报
2014/09/27 职场文书
2014年人事专员工作总结
2014/11/19 职场文书
家长会开场白和结束语
2015/05/29 职场文书
行政处罚告知书
2015/07/01 职场文书
2016年9月份红领巾广播稿
2015/12/21 职场文书
python垃圾回收机制原理分析
2022/04/13 Python