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类的封装及实现代码
Dec 02 Javascript
JavaScript Event学习第十一章 按键的检测
Feb 10 Javascript
EasyUi tabs的高度与宽度根据IE窗口的变化自适应代码
Oct 26 Javascript
jQuery div层的放大与缩小简单实现代码
Mar 28 Javascript
js css后面所带参数含义介绍
Aug 18 Javascript
Javascript Object 对象学习笔记
Dec 17 Javascript
JS实现弹性菜单效果代码
Sep 07 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
May 17 Javascript
Highcharts入门之简介
Aug 02 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
easyui tree带checkbox实现单选的简单实例
Nov 07 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
Dec 05 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中遍历二维数组的几种方法详解
2013/06/08 PHP
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
PHP伪静态Rewrite设置之APACHE篇
2014/07/30 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
php 自定义函数实现将数据 以excel 表格形式导出示例
2019/11/13 PHP
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
json数据的列循环示例
2013/09/06 Javascript
将json当数据库一样操作的javascript lib
2013/10/28 Javascript
ExtJS实现文件下载的方法实例
2013/11/09 Javascript
js中的eventType事件及其浏览器支持性介绍
2013/11/29 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
模拟javascript中的sort排序(简单实例)
2016/08/17 Javascript
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
Bootstrap按钮组实例详解
2017/07/03 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
python中pandas.DataFrame的简单操作方法(创建、索引、增添与删除)
2017/03/12 Python
使用Python的toolz库开始函数式编程的方法
2018/11/15 Python
Python给定一个句子倒序输出单词以及字母的方法
2018/12/20 Python
彻底理解Python中的yield关键字
2019/04/01 Python
Python Numpy计算各类距离的方法
2019/07/05 Python
Python坐标线性插值应用实现
2019/11/13 Python
什么是Python中的顺序表
2020/06/02 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
六道php面试题附答案
2014/06/05 面试题
采购员的工作职责
2013/12/26 职场文书
战友聚会邀请函
2014/01/18 职场文书
竞选副班长演讲稿
2014/04/24 职场文书
单位授权委托书范本
2014/09/26 职场文书
2015年社区关工委工作总结
2015/04/03 职场文书
多台电脑共享文件怎么设置?多台电脑共享文件操作教程
2022/04/08 数码科技