L'exemple de cet article explique le code détaillé du compte à rebours de l'horloge électronique JavaScript et le partage avec vous pour votre référence. Le contenu spécifique est le suivant
.
Classe temporelle JavaScript
1. Obtenez l'heure, les minutes et les secondes :
getHours()
getMinutes();
getSeconds();
2. Obtenez l'année, le mois et le jour :
getFullYear();
getMonth() 1;//Le mois obtenu nécessite 1;
getDate(); //Date
getDay(); //Obtenir le jour de la semaine, 0--》Dimanche
Rendu :
Code spécifique :
<!doctype html>
<html>
<meta charset="utf-8">
<title>倒计时</title>
<head>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.wrap{
width: 350px;
height: 100px;
background-color: black;
}
#dates{
color: #fff;
margin-top: 10px;
display: block;
margin-left: 15px;
}
p{
color: #fff;
}
</style>
</head>
<body>
<div class="wrap">
<p>距离2016年02月08号00时00分00秒春节倒计时：</p>
<!-- <p>距离2016年01月07号23时59分59秒倒计时：</p> -->
<span id="dates"></span>
</div>
<script type="text/javascript">
var dates = document.getElementById("dates");
function getRTime(){
var EndTime= new Date('2016/02/07 23:59:59'); //截止时间
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
var d=Math.floor(t/1000/60/60/24);
var h=Math.floor(t/1000/60/60%24);
var m=Math.floor(t/1000/60%60);
var s=Math.floor(t/1000%60);
var p=Math.floor(t%60);
if(d<10){
d="0"+d;
}
if(h<10){
h="0"+h;
}
if(m<10){
m="0"+m;
}
if(s<10){
s="0"+s;
}
if(p<10){
p="0"+p;
}
dates.innerHTML=d+ "日" + h + "小时"+ m +"分" + s +"秒"+p+"毫秒";
}
setInterval(getRTime,1);
</script>
</body>
</html>
Ce qui précède est le contenu détaillé de cet article. J'espère qu'il sera utile à tout le monde dans l'apprentissage de la programmation javascript.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
