JS倒计时页面代码(要求读取服务器时间)

JS倒计时页面代码(要求读取服务器时间),第1张

用JavaScript获取服务器时间,然后做页面倒计时的程序代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ";

注:原理用xml>var d=new Date();
dsetHours(18)
dsetMinutes(0)
dsetSeconds(0)
获取一个date对象,然后设置小时分钟秒就可以了

服务器的时间肯定不可能与北京时间完全一致啊,比如服务器在英国,那么显示的时间就比北京时间晚8个小时,如果服务器在中国大陆,则时间基本上是与北京时间一致的(但也不能完全保证)。
如果你想让网站后台数据库储存当前时间,最好通过前端脚本把本地电脑时间传递给后台,而不要直接使用服务器的时间,因为这个时间是你不可控的(而本地电脑时间则是可控的)。

js中将一串字符串转换为date类型,主要是先过滤字符,然后分割开,如下代码实例:

function parseToDate(strTime)
{
var arr=strTimesplit(" ");
if(arrlength>=2)
{
var arr1=arr[0]split("-");
var arr2=arr[1]split(":");
}
else
return null;
if(arr1length>=3 && arr2length>=3)
{
var b=new Date(arr1[0],arr1[1],arr1[2],arr2[0],arr2[1],arr2[2]);//将字符串转换为date类型
return b;
}
else
return null;
}

function showTime() { 
  var now = new Date(); 
  var nowTime = nowtoLocaleString(); 
  var date = nowTimesubstring(0,10);//截取日期 
  var time = nowTimesubstring(10,20); //截取时间 
  var week = nowgetDay(); //星期 
  var hour = nowgetHours(); //小时 
  //判断星期几 
  var weeks = ["日","一","二","三","四","五","六"]; 
  var getWeek = "星期" + weeks[week]; 
  var sc; 
  //判断是AM or PM 
  if(hour >= 0 && hour < 5){ 
   sc = '凌晨'; 
  } 
  else if(hour > 5 && hour <= 7){ 
   sc = '早上'; 
  } 
  else if(hour > 7 && hour <= 11){ 
   sc = '上午'; 
  } 
  else if(hour > 11 && hour <= 13){ 
   sc = '中午'; 
  } 
  else if(hour> 13 && hour <= 18){ 
   sc = '下午'; 
  } 
  else if(hour > 18 && hour <= 23){ 
   sc = '晚上'; 
  } 
  documentgetElementById('time')innerHTML ="当前时间:" + date+" " + getWeek +"&nbsp;"+"   "+sc+"  "+time;
  setTimeout('showTime()',1000); 

</script> 
调用方法: 
<body onload="showTime()"> 
<div id="time"></div> 
</body> 
2简洁的办法: 显示格式:  当前时间: 2010年6月1日 10:00:00 星期一 
<htmtl>
<head></head>
<body> 
<div id="linkweb" style=" display:inline;"></div> 
<script> 
  setInterval("documentgetElementById('linkweb')innerHTML=new Date  ()toLocaleString()+' 星期'+'日一二三四五六'charAt(new Date()getDay  ());",1000); 
</script> 
</body>
</html>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zz/10666113.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-10
下一篇2023-05-10

发表评论

登录后才能评论

评论列表(0条)

    保存