javascript实现实时输出当前的时间

最近有个网站页面上要输出当前时间，精确到时分秒，还要适时变化的。百度找了找，没找到合适的，于是自己写了个，收藏下，方便以后使用。

js 适时输出当前的时间

function CurentTime(divID){
  var curTime=new Array();
  var now=new Date();
  var week=['日','一','二','三','四','五','六'];
  var year=now.getFullYear();   //年
  var month=now.getMonth()+1;   //月
  var day=now.getDate();      //日
  var hh=now.getHours();      //时
  var mm=now.getMinutes();     //分
  var sc=now.getSeconds();     //秒
  var wk=now.getDay();       //周
  curTime['year']=year;
  curTime['month']=month<10?'0'+month:month;
  curTime['day']=day<10?'0'+day:day;
  curTime['hh']=hh<10?'0'+hh:hh;
  curTime['mm']=mm<10?'0'+mm:mm;
  curTime['sc']=sc<10?'0'+sc:sc;
  curTime['wk']='星期'+week[wk];
  curTime=curTime['year']+'年'+curTime['month']+'月'+curTime['day']+'日'+' '+curTime['wk']+' '+curTime['hh']+':'+curTime['mm']+':'+curTime['sc'];
  document.getElementById(divID).innerHTML='今天是：'+curTime;
  setTimeout('CurentTime(\''+divID+'\')',1000);
}

使用方法：

假设页面上存在一个id命名为time的div，则：

<script language="javascript">CurentTime('time');</script>

以上所述就是本文的全部内容了，希望大家能够喜欢。

赞 (0)

相关推荐

  • JavaScript实现页面实时显示当前时间的简单实例

    复制代码 代码如下: <html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,hour,second,minute,year,month,date; var strDate ; today=new Da

  • 判断Session的过期时间 采用JavaScript实时显示剩余多少秒

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <%session.timeout=1440 '单位(分钟)1440=24小时 参数不能大于24小时 也就是不能大于1440分钟%> <% if session("login")<>"888888" then'判断Session是否有效 Response.Write("Session过期了&quo

  • JavaScript页面实时显示当前时间实例代码

    前言 这次认认真真又重新看了相关内容,现把需要注意的地方总结如下: 1.通过getDay()得到的星期数是从0开始,0表示星期天,之后从1~6依次表示星期一到星期六: 2.得到日期需使用getDate()而不是getDay() ,因为可能习惯性地认为日期就是天数,可能会使用getDay() ,但其实getDay()是用于得到星期数的: 3.通过getMonth()得到月份,从0开始计数,所以需要再加1. 实例代码如下: <html> <head> <title><

  • 一个php+js实时显示时间问题

    我们先来看下这段代码 $(function(){ setInterval(function(){ var timer = '<?php echo date("Y-m-d H:i:s",time()) ?>'; $("#test").append(timer); },500); }); 这段代码哪里有问题,为啥网页加载后网页一直是那个时间不会变呢?php和js的加载机制有啥不同? 这样是不对的,php代码在输出前被解释,浏览器收到的代码应该是这个样子的 $

  • jsp实现页面实时显示当前系统时间的方法

    JS代码 复制代码 代码如下: <script language="javascript"> function realSysTime(clock){ var now=new Date(); //创建Date对象 var year=now.getFullYear(); //获取年份 var month=now.getMonth(); //获取月份 var date=now.getDate(); //获取日期 var day=now.getDay(); //获取星期 var

  • 页面实时更新时间的JS实例代码

    复制代码 代码如下: function startTime() {                     var today = new Date(); //定义日期对象                        var yyyy = today.getFullYear(); //通过日期对象的getFullYear()方法返回年                         var MM = today.getMonth() + 1; //通过日期对象的getMonth()方法返回年 

  • js实时获取并显示当前时间的方法

    本文实例讲述了js实时获取并显示当前时间的方法.分享给大家供大家参考.具体实现方法如下: js部分如下: <script type="text/javascript"> window.onload = function() { var show = document.getElementById("show"); setInterval(function() { var time = new Date(); // 程序计时的月从0开始取值后+1 var

  • 比较简洁的JavaScript 实时显示时间的脚本 修正版

    JavaScript显示时间,时间还在走动着!不是一个静态的效果! function Time() 定义一个函数.  { if (!document.layers&&!document.all)  return 由于IE与Netscape对JavaScript的解释不同,造成浏览的效果不同,所以要分别写代码.这句话判断一下用户所使用的浏览器,如果两者都不是,就返回.  var timer=new Date() 定义一个新的变量,名字为timer,为一个新的Date的对象.  var hou

  • javascript实时显示北京时间的方法

    本文实例讲述了javascript实时显示北京时间的方法.分享给大家供大家参考.具体如下: 该页面中实时显示北京时间,更改时区也可以作为显示世界时间,代码如下: 复制代码 代码如下: <script type="text/javascript"> Date.prototype.strftime = function(format){     var o = {       "M+" :  this.getMonth()+1,  //month      

  • js实时获取系统当前时间实例代码

    (1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock,用于指定显示用于转化后的<div>标记的名称,无返回值,大家进行网站开发时可以将改函数保存在JS文件中,以便重用  代码如下: 复制代码 代码如下: <script>function clockon(bgclock){    var now = new Date();    var year = now.getYear();    var month = now.getMonth();  

随机推荐