Maison > interface Web > js tutoriel > Effet de décalage horaire du compte à rebours complet Js

Effet de décalage horaire du compte à rebours complet Js

Y2J
Libérer: 2017-05-20 13:17:13
original
1503 Les gens l'ont consulté

Cet article présente principalement Javascript pour implémenter en détail l'effet de décalage horaire du compte à rebours. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer

L'exemple de cet article partage avec vous l'effet de décalage horaire du compte à rebours js. .Le code d'implémentation est pour votre référence. Le contenu spécifique est le suivant

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>当前系统时间</title>
<link rel="stylesheet" href="style.css" />
<script language="javascript" type="text/javascript">

 window.onload = function(){
 showTime();
 }
 function checkTime(i){ //补位处理
 if(i<10){
  i=&#39;0&#39;+i;
 }
 return i;
 }
 function showTime(){
 var now=new Date();
 var year= now.getFullYear();
 var month= now.getMonth()+1;
 var day= now.getDate();
 var h= now.getHours();
 var m= now.getMinutes();
 var s= now.getSeconds();
 m=checkTime(m);
 s=checkTime(s);

 var weekday=new Array(7)
 weekday[0]="星期日"
 weekday[1]="星期一"
 weekday[2]="星期二"
 weekday[3]="星期三"
 weekday[4]="星期四"
 weekday[5]="星期五"
 weekday[6]="星期六"

 document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ ? +h+":"+m+":"+s;
 t=setTimeout(&#39;showTime()&#39;,500)
 }

</script>
</head>
<body>
<p class="content1">
 <p id="show">显示时间的位置</p>
</p>
</body>
</html>
Copier après la connexion

[Recommandations associées]

1 Tutoriel vidéo gratuit Javascript
<.>

2.

Explication détaillée de la méthode de suppression récursive d'éléments dans un tableau dans JS

3

Explication détaillée d'un exemple de JS complétant la fonction de notation par étoiles.

4.

Comment JS détermine-t-il si le texte est en pleine largeur ou en demi-largeur

5

nodejs+websocket remplit une fonction de système de discussion.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
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