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

代码如下:

<%@ 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>

赞 (0)

相关推荐

  • 纯js实现动态时间显示

    本文实例为大家分享了js动态时间显示 的具体代码,供大家参考,具体内容如下 <!doctype html> <html> <head> <meta charset="utf-8"> <title>js动态时间显示 </title> </head> <body id = "show"> <script> function run(){ var time = ne

  • javascript页面动态显示时间变化示例代码

    复制代码 代码如下: <html> <head> <title></title> <script> function getDateDemo(){ /* //声明时间 var date = new Date(); alert(date);//当前时间 alert(date.toLocaleString());//转化为本地时间 alert(date.getFullYear());//显示年份 alert(date.getMonth() + 1);

  • 基于javascript实现动态显示当前系统时间

    基于javascript实现动态显示当前系统时间

    本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下 (1)时间日期信息,应该在一个<div>中来显示 (2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout() (3)时钟显示的时机(事件):当网页加载完成后才显示,事件onload (4)如何将 时间日期信息 写入到指定的<div>中,DOM对象中的innerHTML属性 效果图: 具体代码: <html> <head> <meta http-e

  • JS动态日期时间的获取方法

    JS动态日期时间的获取方法

    由于代码比较简单,小编就不再讲解,看代码就明白了,直接把实例帖出来. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>实时时间</title> <script type="text/javascript"> var slidint; function newTimer() { stopit(); var today; today = new

  • asp.net 实现动态显示当前时间(不用javascript不考虑开销)

    Default.aspx页面:先拉一个ScriptManager控件到页面,然后拉一个UpdatePanel控件.UpdatePanel里面放一个Label用于显示时间,放一个timer控件用于控制时间的更新.注意Label与Label都要放到UpdatePanel控件里面.最后,timer控件的Interval属性设置为1000,让它每1秒执行一次即更新时间. Default.aspx.cs页面:只需在 protected void Page_Load(object sender, Event

  • js显示动态时间的方法详解

    js显示动态时间的方法详解

    本文实例讲述了js显示动态时间的方法.分享给大家供大家参考,具体如下: Date对象的方法 Date 对象能够使你获得相对于国际标准时间(格林威治标准时间,现在被称为 UTC-Universal Coordinated Time)或者是 Flash 播放器正运行的操作系统的时间和日期.要使用Date对象的方法,你就必须先创建一个Date对象的实体(Instance). Date 对象必须使用 Flash 5 或以后版本的播放器. Date 对象的方法并不是静态的,但是在使用时却可以应用于所指定的

  • .net动态显示当前时间(客户端javascript)

    个人感觉完全为了Ajax而Ajax就不好了!JavaScript在客户端处理不是更理想吗? 复制代码 代码如下: function Timer(span) { var tmp = new Date(); var milsecs=Date.parse(tmp.getMonth()+"-"+tmp.getDay()+"-"+tmp.getFullYear()+" "+document.getElementById('lbl_Hour').innerT

  • Java从服务器上获取时间动态显示在jsp页面实现思路

    Java获取服务器时间,动态显示到jsp页面,大家都是到Java只能获取一次,到页面的时间是静态的,不过通过js和Java的合作,巧妙地实现此功能. 本人是给电视做系统,客户要求页面能显示时间,因为电视浏览器获取的时间不对,没办法只能从服务器获取时间,但是问题来了,服务器的时间获取一次就成静态的了,客户不满意,但也没办法,只能这样.不过这个问题在我这老惦记着,今天看到有个例子,说把Java获取服务器的时间转化成毫秒,然后用js每一秒刷新一次就可以动态显示,所以就有了下面的 复制代码 代码如下:

  • 纯JS实现动态时间显示代码

    复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title> <script language="javascript">

  • html+js实现动态显示本地时间

    复制代码 代码如下: <span style="font-size:18px"><html> <span style="white-space:pre"> </span><body> <span style="white-space:pre"> </span> <script language = javascript> <span style=

随机推荐