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 相关文章推荐
使用onbeforeunload属性后的副作用
Mar 08 Javascript
学习ExtJS accordion布局
Oct 08 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
swtich/if...else的替代语句
Aug 16 Javascript
基于javascript实现简单的抽奖系统
Apr 15 Javascript
bootstrap laydate日期组件使用详解
Jan 04 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
详解微信小程序调起键盘性能优化
Jul 24 Javascript
Element PageHeader页头的使用方法
Jul 26 Javascript
vue实现路由懒加载的3种方法示例
Sep 01 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 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编程最快明白》第三讲:php数组
2010/11/01 PHP
很让人受教的 提高php代码质量36计
2012/09/05 PHP
phpphp图片采集后按原路径保存图片示例
2014/02/18 PHP
Codeigniter生成Excel文档的简单方法
2014/06/12 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
浅谈laravel aliases别名的原理
2019/10/24 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
javascript插入样式实现代码
2012/02/22 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
AngularJS基础知识笔记之表格
2015/05/10 Javascript
javascript用正则表达式过滤空格的实现代码
2016/06/14 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
2016/06/23 Javascript
JS返回只包含数字类型的数组实例分析
2016/12/16 Javascript
JavaScript实现无穷滚动加载数据
2017/05/06 Javascript
使用JavaScript通过前端发送电子邮件
2020/05/22 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
2020/06/17 Javascript
Python实现重建二叉树的三种方法详解
2018/06/23 Python
Atom的python插件和常用插件说明
2018/07/08 Python
Windows系统下PhantomJS的安装和基本用法
2018/10/21 Python
python 格式化输出百分号的方法
2019/01/20 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
世界上最大的汽车共享网站:Zipcar
2017/01/14 全球购物
英国最大的邮寄种子和植物公司:Thompson & Morgan
2017/09/21 全球购物
亚洲最大旅游体验平台:KKday
2017/10/21 全球购物
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
建筑工地门卫岗位职责
2014/04/30 职场文书
幼儿教师求职信
2014/05/24 职场文书
阅兵口号
2014/06/19 职场文书
团日活动总结格式
2015/05/11 职场文书
公司借条范本
2015/05/25 职场文书
党员公开承诺书(2016最新版)
2016/03/24 职场文书
浅谈redis缓存在项目中的使用
2021/05/20 Redis
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python