Maison >interface Web >js tutoriel >Javascript implémente des exemples de compétences code_javascript d'affichage dynamique de la date et de l'heure

Javascript implémente des exemples de compétences code_javascript d'affichage dynamique de la date et de l'heure

WBOY
WBOYoriginal
2016-05-16 15:39:591316parcourir

Sans plus attendre, passons directement au code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
 <title></title> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <div> 
 <script type="text/javascript"> 
  document.write("<span id=lblTime width='118px' height='11px' Font-Size='9pt' style='color:Red' ></span>") //输出显示日期的容器 
  //每1000毫秒(即1秒) 执行一次本段代码 
  setInterval("lblTime.innerText=new Date().toLocaleString()", 1000) 
</script> 
 </div> 
 </form> 
</body> 
</html>

Il existe également des rendus d'opérations :

N'est-ce pas très simple ? C'est la méthode la plus basique pour afficher dynamiquement les changements d'heure sur une page. Vous pouvez innover sur cette base et ajouter quelques styles. J'espère que cet article vous aidera à maîtriser le javascript pour obtenir un affichage dynamique. date et heure.

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