【www.gdgbn.com--php函数】

很简单的一个功能函数,实现方式不多言,用date()对象获取到当前时间,然后用settimeout每隔1秒获取最新的时间.
写的过程中碰到过一个小小的问题: 我最初的想法是用setinterval()每隔1秒获取最新时间,可是可以,但setinterval如果放在主函数内部,但导致内存泄漏(至于原因,暂时还没想明白),后来在rocky的提醒下用settimeout()才解决内存泄漏问题

function nowtime(ev,type){
 /*
  * ev:显示时间的元素
  * type:时间显示模式.若传入12则为12小时制,不传入则为24小时制
  */
 //年月日时分秒
 var y,m,d,w,h,i,s;
 //月日时分秒为单位时前面补零
 function fillzero(v){
  if(v<10){v="0"+v;}
  return v;
 }
 (function(){
  var d=new date();
  var week=["星期天","星期一","星期二","星期三","星期四","星期五","星期六"];
  y=d.getfullyear();
  m=fillzero(d.getmonth()+1);
  d=fillzero(d.getdate());
  w=week[d.getday()];
  h=fillzero(d.gethours());
  i=fillzero(d.getminutes());
  s=fillzero(d.getseconds());
  //12小时制显示模式
  if(type && type==12){
   //若要显示更多时间类型诸如中午凌晨可在下面添加判断
   if(h<=12){
    h="上午 "+h;
   }else if(h>12 && h<24){
    h-=12;
    h="下午 "+fillzero(h);
   }else if(h==24){
    h="下午 00";
   }
  }
  ev.innerhtml=y+"年"+m+"月"+d+"日 "+" "+w+" "+h+":"+i+":"+s;
  //每秒更新时间
  settimeout(arguments.callee,1000);
 })();
}

完整实例代码

<script>

window.onload=function(){
 function nowtime(ev,type){
  /*
   * ev:显示时间的元素
   * type:时间显示模式.若传入12则为12小时制,不传入则为24小时制
   */
  //年月日时分秒
  var y,m,d,w,h,i,s;
  //月日时分秒为单位时前面补零
  function fillzero(v){
   if(v<10){v="0"+v;}
   return v;
  }
  (function(){
   var d=new date();
   var week=["星期天","星期一","星期二","星期三","星期四","星期五","星期六"]
   y=d.getfullyear();
   m=fillzero(d.getmonth()+1);
   d=fillzero(d.getdate());
   w=week[d.getday()];
   h=fillzero(d.gethours());
   i=fillzero(d.getminutes());
   s=fillzero(d.getseconds());
   //12小时制显示模式
   if(type && type==12){
    //若要显示更多时间类型诸如中午凌晨可在下面添加判断
    if(h<=12){
     h="上午 "+h;
    }else if(h>12 && h<24){
     h-=12;
     h="下午 "+fillzero(h);
    }else if(h==24){
     h="下午 00";
    }
   }
   ev.innerhtml=y+"年"+m+"月"+d+"日 "+" "+w+" "+h+":"+i+":"+s;
   //每秒更新时间
   settimeout(arguments.callee,1000);
  })();
 }
 
 //24小时制调用
 nowtime(document.getelementbyid("time24"));
 //12小时制调用
 nowtime(document.getelementbyid("time12"),12);

}
</script>

 

24小时制：

 

12小时制：

本文来源：http://www.gdgbn.com/jiaocheng/29673/