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 相关文章推荐
asp.net+js 实现无刷新上传解析csv文件的代码
May 17 Javascript
基于jQuery实现点击同时更改两个iframe的网址
Jul 01 Javascript
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
Dec 19 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
Sep 25 Javascript
javascript修改图片src的方法
Jan 27 Javascript
Javascript中call和apply函数的比较和使用实例
Feb 03 Javascript
jQuery插件Tmpl的简单使用方法
Apr 27 Javascript
基于javascript实现彩票随机数生成(升级版)
Apr 17 Javascript
详解JavaScript中的构造器Constructor模式
Jan 14 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
jQuery代码实现实时获取时间
Jan 29 Javascript
了解Javascript中函数作为对象的魅力
Jun 19 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
WINDOWS下php5.2.4+mysql6.0+apache2.2.4+ZendOptimizer-3.3.0配置
2008/03/28 PHP
PHP5函数小全(分享)
2013/06/06 PHP
php多个文件及图片上传实例详解
2014/11/10 PHP
PHP isset()与empty()的使用区别详解
2017/02/10 PHP
php之可变函数的实例详解
2017/09/13 PHP
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
JS判断变量是否为空判断是否null
2014/07/25 Javascript
jQuery统计上传文件大小的方法
2015/01/24 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
jQuery事件绑定用法详解
2016/09/08 Javascript
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
基于vue-upload-component封装一个图片上传组件的示例
2018/10/16 Javascript
Vue.js实现大转盘抽奖总结及实现思路
2019/10/09 Javascript
vue+canvas实现拼图小游戏
2020/09/18 Javascript
[54:18]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第一场 1月22日
2021/03/11 DOTA
Python getopt模块处理命令行选项实例
2014/05/13 Python
Python-嵌套列表list的全面解析
2016/06/08 Python
python实现简易云音乐播放器
2018/01/04 Python
Python多线程threading和multiprocessing模块实例解析
2018/01/29 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
python批量赋值操作实例
2018/10/22 Python
通过Turtle库在Python中绘制一个鼠年福鼠
2020/02/03 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
css3实现一款模仿iphone样式的注册表单
2013/03/20 HTML / CSS
中国包裹转运寄送国际服务:Famiboat
2019/07/24 全球购物
adidas菲律宾官网:adidas PH
2020/02/07 全球购物
名人演讲稿范文
2013/12/28 职场文书
简短证婚人证婚词
2014/01/09 职场文书
收银员的岗位职责范本
2014/02/04 职场文书
房地产财务部员工岗位职责
2014/03/12 职场文书
网络管理员岗位职责
2014/03/17 职场文书
初中作文评语大全
2014/04/23 职场文书
见义勇为事迹材料
2014/12/24 职场文书
庭外和解协议书
2016/03/23 职场文书