欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Javascript实现倒计时时差效果

程序员文章站 2023-11-14 11:57:46
本文实例为大家分享了js倒计时时差效果的实现代码,供大家参考,具体内容如下

本文实例为大家分享了js倒计时时差效果的实现代码,供大家参考,具体内容如下

<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+"日 "+ ? +h+":"+m+":"+s;
 t=settimeout('showtime()',500)
 }

</script>
</head>
<body>
<div class="content1">
 <div id="show">显示时间的位置</div>
</div>
</body>
</html>

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