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代码(站点及虚拟目录)
Oct 20 Javascript
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
Feb 13 Javascript
第十章之巨幕页头缩略图与警告框组件
Apr 25 Javascript
Web程序员必备的7个JavaScript函数
Jun 14 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
vue.js动态数据绑定学习笔记
May 19 Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 Javascript
vue-cli 首屏加载优化问题
Nov 06 Javascript
React路由鉴权的实现方法
Sep 05 Javascript
解决Vue动态加载本地图片问题
Oct 09 Javascript
vue ssr+koa2构建服务端渲染的示例代码
Mar 23 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
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
YUI模块开发原理详解
2013/11/18 Javascript
js用typeof方法判断undefined类型
2014/07/15 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
2016/08/03 Javascript
在windows上用nodejs搭建静态文件服务器的简单方法
2016/08/11 NodeJs
详解VUE的状态控制与延时加载刷新
2017/03/27 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
vue2.0实现分页组件的实例代码
2017/06/22 Javascript
JavaScript常见JSON操作实例分析
2018/08/08 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
微信小程序的开发范式BeautyWe.js入门详解
2019/07/10 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
2019/11/07 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
2020/07/22 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
python开发的小球完全弹性碰撞游戏代码
2013/10/15 Python
Python连接mssql数据库编码问题解决方法
2015/01/01 Python
python通过字典dict判断指定键值是否存在的方法
2015/03/21 Python
Python cx_freeze打包工具处理问题思路及解决办法
2016/02/13 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
python基础学习之如何对元组各个元素进行命名详解
2018/07/12 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
使用OpenCV实现道路车辆计数的使用方法
2020/07/15 Python
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
canvas与html5实现视频截图功能示例
2016/12/15 HTML / CSS
银行实习人员自我鉴定
2013/09/22 职场文书
客户代表实习人员自我鉴定
2013/09/27 职场文书
商务日语毕业生自荐信
2013/11/23 职场文书
2014年三万活动总结
2014/04/26 职场文书
服务型党组织建设典型材料
2014/05/07 职场文书
运动会入场词
2015/07/18 职场文书
经销商会议开幕词
2016/03/04 职场文书
JavaScript数组reduce()方法的语法与实例解析
2021/07/07 Javascript
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js