Maison > Article > interface Web > js affiche la date, l'heure et le jour actuels de la semaine_javascript skills

js affiche la date, l'heure et le jour actuels de la semaine_javascript skills

WBOYoriginal: 2016-05-16 15:35:321897parcourir

JavaScript obtient la date et l'heure actuelles et affiche le jour de la semaine. Le code spécifique est le suivant :

<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>

Comment afficher dynamiquement la date et l'heure actuelles ainsi que le jour de la semaine sur une page Web :

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); 
}

Il y a beaucoup de contenu sur Internet à ce sujet. Il y a des js pour obtenir la date et l'heure actuelles tout en affichant le jour de la semaine, des js pour obtenir l'heure actuelle et l'heure de la semaine, etc., qui sont tous d'une grande valeur de référence. J'espère que tout le monde lira davantage d'articles similaires et utilisera des méthodes similaires.

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：jQuery implémente le point d'ancrage du chapitre "retour en haut" des effets spéciaux d'animation code_jqueryArticle suivant：jQuery implémente le point d'ancrage du chapitre "retour en haut" des effets spéciaux d'animation code_jquery

Articles Liés

Voir plus