js顯示當前日期時間和星期幾_javascript技巧-js教程-PHP中文網

js顯示當前日期時間和星期幾_javascript技巧

WBOY

發布： 2016-05-16 15:35:32

原創

1894 人瀏覽過

JavaScript取得目前日期時間同時顯示星期幾，具體程式碼如下：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" src="/jquery/1.7.0/jquery.min.js"></script> 
<script type="text/javascript"> 
function currentTime(){ 
  var d=new Date(),str=''; 
  str+=d.getFullYear()+'年'; 
  str+=d.getMonth() + 1+'月'; 
  str+=d.getDate()+'日'; 
  str+=d.getHours()+'时'; 
  str+=d.getMinutes()+'分'; 
  str+= d.getSeconds()+'秒'; 
  return str; 
} 
setInterval(function(){$('#time').html(currentTime)},1000); 
</script> 
</head> 
<body> 
<div id="time"></div> 
</body> 
</html>

登入後複製

在網頁上及時動態顯示目前的日期時間並顯示星期的做法：

function showTime(){ 
  var show_day=new Array('星期一','星期二','星期三','星期四','星期五','星期六','星期日'); 
  var time=new Date(); 
  var year=time.getYear(); 
  var month=time.getMonth(); 
  var date=time.getDate(); 
  var day=time.getDay(); 
  var hour=time.getHours(); 
  var minutes=time.getMinutes(); 
  var second=time.getSeconds(); 
  month<10&#63;month='0'+month:month; 
  month=month+1; 
  hour<10&#63;hour='0'+hour:hour; 
  minutes<10&#63;minutes='0'+minutes:minutes; 
  second<10&#63;second='0'+second:second; 
  var now_time='当前时间：'+year+'年'+month+'月'+date+'日'+' '+show_day[day-1]+' '+hour+':'+minutes+':'+second; 
  document.getElementById('showtime').innerHTML=now_time; 
  setTimeout("showTime();",1000); 
}

登入後複製

關於這方面的內容網上很多，有js獲取當前日期時間同時顯示星期，js獲取當前時間和一星期錢的時間等內容，都很具有參考價值，希望大家多閱讀類似文章，將類似方法熟練。