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>






 


 




 


 


 


 






            

            
posted @ 
2017-11-13 09:26 
dune.F 
阅读(3006) 
评论(0) 
编辑 
收藏 
举报