Jsp頁面 jquery局部div刷新當前時間


 <div style="float: right" id="dtime"></div>
 setInterval(refresh,1000);//定時1秒執行一次
    function refresh(){
    //更新div內容,獲取當前時間
        $("#dtime").html(new Date().toString());
    }

 

 

每隔1秒刷新一次

 

以下方法來自周連雙

 
         
var nDate = new Date(); //實例一個時間對象;
var year=nDate.getFullYear();   //獲取系統的年;
var month=nDate.getMonth()+1; //獲取系統月份,由於月份是從0開始計算,所以要加1
var day=nDate.getDate(); // 獲取系統日,
var hour=nDate.getHours(); //獲取系統時,
var minute=nDate.getMinutes(); //
var second=nDate.getSeconds(); //
alert(year+'年'+month+'月'+day+'日 '+hour':'+minute+':'+second)
 
         

 

以下方法來自purpleask

function showTime() { 
  var now = new Date(); 
  var nowTime = now.toLocaleString(); 
  var date = nowTime.substring(0,10);//截取日期 
  var time = nowTime.substring(10,20); //截取時間 
  var week = now.getDay(); //星期 
  var hour = now.getHours(); //小時 
  //判斷星期幾 
  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 = '晚上'; 
  } 
  document.getElementById('time').innerHTML ="當前時間:" + date+" " + getWeek +" "+"   "+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("document.getElementById('linkweb').innerHTML=new Date  ().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay  ());",1000); 
</script> 
</body>
</html>
 
         

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM