AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

javascript显示系统当前时间代码

51自学网 http://www.wanshiok.com
js显示系统当前时间,js输出系统当前时间,js显示当前时间

运用JavaScript技术,输出系统当前时间到指定位置。
代码:

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>当前系统时间</title> <link rel="stylesheet" href="style.css" /> <script language="javascript" type="text/javascript">   window.onload = function(){  showTime();  }  function checkTime(i){ //补位处理  if(i<10){   i='0'+i;  }  return i;  }  function showTime(){  var now=new Date();  var year=now.getFullYear();  var month=now.getMonth()+1;  var day=now.getDate();  var h=now.getHours();  var m=now.getMinutes();  var s=now.getSeconds();  m=checkTime(m)  s=checkTime(s)  //显示星期  var weekday=new Array(7)  weekday[0]="星期日"  weekday[1]="星期一"  weekday[2]="星期二"  weekday[3]="星期三"  weekday[4]="星期四"  weekday[5]="星期五"  weekday[6]="星期六"   document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+weekday[now.getDay()] +" "+h+":"+m+":"+s;  t=setTimeout('showTime()',500)  }  </script>  <style type="text/css">  .content  {   height:50px;   width:100%;   background:#B1E28D;  }  #show  {    margin:0 auto;   text-align:center   height:50px;   line-height:50px;   width:500px;  }   </style> </head>  <body> <div class="content">  <div id="show">显示时间的位置</div> </div> </body> </html> 

效果如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持wanshiok.com。


js显示系统当前时间,js输出系统当前时间,js显示当前时间  
上一篇:前端 Vue.js 和 MVVM 详细介绍  下一篇:解析JavaScript模仿块级作用域