Maison >interface Web >js tutoriel >js implémente les objets compte à rebours et temps

js implémente les objets compte à rebours et temps

高洛峰original: 2017-01-04 09:45:531418parcourir

Le code JS pour implémenter l'effet de compte à rebours est le suivant :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>h
<style>
#box {
 width: 100%;
 height: 400px;
 background: black;
 color: #fff;
 font-size:40px;
 line-height:400px;
 text-align:center;
}
</style>
<script>
window.onload = function(){
 var oBox = document.getElementById(&#39;box&#39;);
 var oDate = new Date();//获取当前时间;
 oDate.setFullYear(2016,11,31);//自动进位；
 oDate.setHours(0,0,0,0);
 
 function countDown(){
  //未来时间戳减去现在时间的时间戳;
  var ms = oDate.getTime() - new Date().getTime();
 
  //毫秒转换成秒
  var oSec = parseInt(ms/1000);
 
  //秒转换成天
  var oDay = parseInt(oSec/86400);
 
  //不到一天剩下的秒数;
  oSec%=86400;
 
  //转换成小时
  var oHour = parseInt(oSec/3600);
 
  //不到一小时剩下的秒数;
  oSec%=3600;
 
  //转换成分钟
  var oMin = parseInt(oSec/60);
 
  //不到一分钟剩下的秒数;
  oSec%=60;
 
  oBox.innerHTML = &#39;距离2016年12月31日还有:&#39;+oDay+&#39;天&#39;+oHour+&#39;时&#39;+oMin+&#39;分&#39;+oSec+&#39;秒&#39;;
 } 
 countDown();
 setInterval(countDown,1000);
}
</script>
</head>
 
<body>
<div id="box">距离2016年12月31日还有:xx天xx时xx分xx秒</div>
</body>
</html>

L'effet d'implémentation est le suivant :

js implémente les objets compte à rebours et temps

Horodatage : millisecondes de janvier 1970 à aujourd'hui Numéro : oDate.getTime(); //Ne me demandez pas pourquoi c'est de janvier 1970 à aujourd'hui ! Allez à Baidu !
Objet temporel :

Obtenir l'heure :

var oDate = new Date();
oYear = oDate.getFullYear();
oMon = oDate.getMonth();
oDay = oDate.getDate();
oHou = oDate.getHours();
oMin = oDate.getMinutes();
oSec = oDate.getSeconds();
oWeek = oDate.getDay();

Définir l'heure :

oDate.setFullYear(年,月,日);
oDate.setMonth(月);
oDate.setDate(日);
oDate.setHours(时,分,秒,毫秒);
时间会自动进位;

C'est à peu près tout, et il y en a Il y a de nombreuses lacunes, j'espère que tout le monde pourra donner des avis plus précieux ! Apprenez les uns des autres ! Apprenez les uns des autres !

Pour plus d'articles liés à l'implémentation js des objets compte à rebours et temps, veuillez faire attention au site Web PHP chinois !

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：Implémentation de la traversée des propriétés d'un objet json et de l'ajout dynamique de propriétésArticle suivant：Implémentation de la traversée des propriétés d'un objet json et de l'ajout dynamique de propriétés

Articles Liés

Voir plus