Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 15:35:32
original
1904 Les gens l'ont consulté

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> 
Copier après la connexion

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); 
} 
Copier après la connexion

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.

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!