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 相关文章推荐
经典海量jQuery插件 大家可以收藏一下
Feb 07 Javascript
web前端设计师们常用的jQuery特效插件汇总
Dec 07 Javascript
jQuery对象初始化的传参方式
Feb 26 Javascript
深入理解JavaScript中的箭头函数
Jul 28 Javascript
jquery利用拖拽方式在图片上添加热链接
Nov 24 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
May 12 Javascript
Ionic3实现图片瀑布流布局
Aug 09 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
Nov 17 Javascript
详解如何在你的Vue项目配置vux
Jun 04 Javascript
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
利用Bootstrap Multiselect实现下拉框多选功能
Apr 08 Javascript
Javascript数组方法reduce的妙用之处分享
Jun 10 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
PHP程序员最常犯的11个MySQL错误小结
2010/11/20 PHP
[原创]PHP实现生成vcf vcard文件功能类定义与使用方法详解【附demo源码下载】
2017/09/02 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
jQuery 淡出一个图像到另一个图像的实现代码
2013/06/12 Javascript
form表单只提交数据而不进行页面跳转的解决方案
2013/09/18 Javascript
html dom节点操作(获取/修改/添加或删除)
2014/01/23 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
javascript+css3 实现动态按钮菜单特效
2016/02/06 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
JS实现的颜色实时渐变效果完整实例
2016/03/25 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
Html5+jQuery+CSS制作相册小记录
2016/12/30 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
微信小程序 数据遍历的实现
2017/04/05 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
Node.js API详解之 net模块实例分析
2020/05/18 Javascript
layui实现显示数据表格、搜索和修改功能示例
2020/06/03 Javascript
[53:43]VP vs NewBee Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
[57:59]EG vs Secret 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
十条建议帮你提高Python编程效率
2016/02/16 Python
python使用webdriver爬取微信公众号
2018/08/31 Python
Python实现按逗号分隔列表的方法
2018/10/23 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
python之列表推导式的用法
2019/11/29 Python
总结30个CSS3选择器
2017/04/13 HTML / CSS
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
经典c++面试题二
2015/08/14 面试题
技术总监个人的自我评价范文
2013/12/18 职场文书
教职工代表大会主持词
2014/04/01 职场文书
三好生演讲稿
2014/09/12 职场文书
2014年保险公司工作总结
2014/11/22 职场文书
2014年英语教师工作总结
2014/12/03 职场文书