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 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
实例解析jQuery中proxy()函数的用法
May 24 Javascript
从0开始学Vue
Oct 27 Javascript
vuejs父子组件通信的问题
Jan 11 Javascript
js实现符合国情的日期插件详解
Jan 19 Javascript
小程序组件之自定义顶部导航实例
Jun 12 Javascript
layui 富文本编辑器和textarea值的相互传递方法
Sep 18 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
Feb 10 Javascript
使用JS实现动态时钟
Mar 12 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
vue 自定义的组件绑定点击事件
Apr 21 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
用windows下编译过的eAccelerator for PHP 5.1.6实现php加速的使用方法
2007/09/30 PHP
PHP 执行系统外部命令 system() exec() passthru()
2009/08/11 PHP
PHPStudy下如何为Apache安装SSL证书的方法步骤
2019/01/23 PHP
图片按比例缩放函数
2006/06/26 Javascript
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
jquery 1.4.2发布!主要是性能与API
2010/02/25 Javascript
javascript 跨浏览器开发经验总结(五) js 事件
2010/05/19 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
JS的千分位算法实现思路
2013/07/31 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
jQuery获取页面元素绝对与相对位置的方法
2015/06/10 Javascript
JS+CSS实现带小三角指引的滑动门效果
2015/09/22 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
详解JS数组Reduce()方法详解及高级技巧
2017/08/18 Javascript
详解HTML5 使用video标签实现选择摄像头功能
2017/10/25 Javascript
vue 下列表侧滑操作实例代码详解
2018/07/24 Javascript
微信小程序实现点赞、取消点赞功能
2018/11/02 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
python检查序列seq是否含有aset中项的方法
2015/06/30 Python
Java分治归并排序算法实例详解
2017/12/12 Python
python单例模式原理与创建方法实例分析
2019/10/26 Python
解决tensorflow 释放图,删除变量问题
2020/06/23 Python
python 基于opencv实现高斯平滑
2020/12/18 Python
联想台湾官网:Lenovo TW
2018/05/09 全球购物
给水工程专业毕业生自荐信
2014/01/28 职场文书
幼儿园教学随笔感言
2014/02/23 职场文书
《姥姥的剪纸》教学反思
2014/02/25 职场文书
保护动物倡议书
2014/04/15 职场文书
体育课外活动总结
2014/07/08 职场文书
2016年“我们的节日·重阳节”主题活动总结
2016/04/01 职场文书
室外天线与收音机天线杆接合方法
2022/04/05 无线电