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 代码也可以变得优美的实现方法
Jun 22 Javascript
js 第二代身份证号码的验证机制代码
May 12 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
JS实现移动端按首字母检索城市列表附源码下载
Jul 05 Javascript
JS计算距当前时间的时间差实例
Dec 29 Javascript
layui的table单击行勾选checkbox功能方法
Aug 14 Javascript
使用webpack搭建vue项目实现脚手架功能
Mar 15 Javascript
JavaScript数组去重实现方法小结
Jan 17 Javascript
Vuex实现简单购物车
Jan 10 Vue.js
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学习 字符串课件
2008/06/15 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
php去除二维数组的重复项方法
2015/11/03 PHP
laravel Model 执行事务的实现
2019/10/10 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
2011/11/30 Javascript
JS控件的生命周期介绍
2012/10/22 Javascript
JavaScript中的eval()函数详解
2013/08/22 Javascript
window resize和scroll事件的基本优化思路
2014/04/29 Javascript
TypeOf这些知识点你了解吗
2016/02/21 Javascript
详谈js模块化规范
2017/07/07 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
2017/09/30 Javascript
node实现的爬虫功能示例
2018/05/04 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
js中forEach,for in,for of循环的用法示例小结
2020/03/14 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
[47:43]Alliance vs KG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
使用python绘制温度变化雷达图
2019/10/18 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
UGG雪地靴荷兰官网:UGG荷兰
2016/09/09 全球购物
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
香港演唱会订票网站:StubHub香港
2019/10/10 全球购物
大学生入党思想汇报
2014/01/01 职场文书
2014年端午节活动方案
2014/03/11 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
好学生评语大全
2014/05/05 职场文书
幼儿园端午节活动方案
2014/08/25 职场文书
幼儿园个人师德总结
2015/02/06 职场文书
债务纠纷起诉书
2015/05/20 职场文书
退休欢送会致辞
2015/07/31 职场文书
实验室安全管理制度
2015/08/05 职场文书
2016高考寄语集锦
2015/12/04 职场文书
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python
HTML5之高度塌陷问题的解决
2022/06/01 HTML / CSS