JS动态获取当前时间,并写到特定的区域


Posted in Javascript onMay 03, 2013
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
  <head>
   <script type="text/javascript">
     function bodyLoad(){         var dateTime=new Date();
         var hh=dateTime.getHours();//小时
         var mm=dateTime.getMinutes();//分钟
         var ss=dateTime.getSeconds();//秒钟
         var yy=dateTime.getFullYear();//年份
         var MM=dateTime.getMonth()+1;  //月份-因为1月这个方法返回为0,所以加1
         var dd=dateTime.getDate();//日数
         var week=dateTime.getDay();//周(0~6,0表示星期日)
              var days=[ "日 ", "一 ", "二 ", "三 ", "四 ", "五 ", "六 ",]
             document.getElementById("date").innerHTML=yy+"年"+MM+"月"+dd+"日 "+"星期"+days[week] ;
           document.getElementById("time").innerHTML=hh+"时"+mm+"分"+ss+"秒";
            setTimeout(bodyLoad,1000);
   }
   </script>
  </head>
      <body  onload="bodyLoad()">
         <span id="date" ></span>
          <span  id="time" ></span>
     </body>
 </html>
Javascript 相关文章推荐
js日期范围初始化得到前一个月日期的方法
May 05 Javascript
浏览器检测JS代码(兼容目前各大主流浏览器)
Feb 21 Javascript
Bootstrap的Refresh Icon也spin起来
Jul 13 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
Sep 28 Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 Javascript
Ext JS 实现建议词模糊动态搜索功能
May 13 Javascript
javascript 判断用户有没有操作页面
Oct 17 Javascript
Angularjs过滤器实现动态搜索与排序功能示例
Dec 13 Javascript
Vue动态加载异步组件的方法
Nov 21 Javascript
微信小程序自定义导航教程(兼容各种手机)
Dec 12 Javascript
解决layui 三级联动下拉框更新时回显的问题
Sep 03 Javascript
Vue指令实现OutClick的示例
Nov 16 Javascript
JS实现商品倒计时实现代码
May 03 #Javascript
Javascript代码在页面加载时的执行顺序介绍
May 03 #Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
May 03 #Javascript
javascript两种function的定义介绍及区别说明
May 02 #Javascript
阻止子元素继承父元素事件具体思路及实现
May 02 #Javascript
jquery 触发a链接点击事件解决方案
May 02 #Javascript
jQuery弹性滑动导航菜单实现思路及代码
May 02 #Javascript
You might like
基于php 随机数的深入理解
2013/06/05 PHP
PHP多个图片压缩成ZIP的方法
2020/08/18 PHP
JavaScript实现禁止后退的方法
2006/12/27 Javascript
学习YUI.Ext 第二天
2007/03/10 Javascript
js tab效果的实现代码
2009/12/26 Javascript
javascript:void(0)的作用示例介绍
2013/10/28 Javascript
关于javascript模块加载技术的一些思考
2014/11/28 Javascript
javacript使用break内层跳出外层循环分析
2015/01/12 Javascript
学习JavaScript设计模式(接口)
2015/11/26 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
2017/01/19 Javascript
addeventlistener监听scroll跟touch(实例讲解)
2017/08/04 Javascript
Vue DevTools调试工具的使用
2017/12/05 Javascript
Node中使用ES6语法的基础教程
2018/01/05 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
一起写一个即插即用的Vue Loading插件实现
2019/10/31 Javascript
浅析python 中__name__ = '__main__' 的作用
2014/07/05 Python
Python+Socket实现基于TCP协议的客户与服务端中文自动回复聊天功能示例
2017/08/31 Python
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
Python安装图文教程 Pycharm安装教程
2018/03/27 Python
python线程池threadpool实现篇
2018/04/27 Python
tensorflow: variable的值与variable.read_value()的值区别详解
2018/07/30 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用
2020/03/24 Python
详解appium自动化测试工具(monitor、uiautomatorviewer)
2021/01/27 Python
美国知名保健品网站:LuckyVitamin(支持中文)
2017/08/09 全球购物
凯伦·米莲女装网上商店:Karen Millen
2017/11/07 全球购物
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
建筑工程自我鉴定
2013/10/18 职场文书
中国梦读书活动总结
2014/07/10 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
合同纠纷调解书
2015/05/20 职场文书
导游词之襄阳古城
2019/09/27 职场文书
如何给HttpServletRequest增加消息头
2021/06/30 Java/Android
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS