2017-10-05 5 views
-1

Bonjour j'ai appris comment obtenir une nouvelle date, heures et d'autres choses, aujourd'hui j'ai fait une simple horloge c'est très bien mais je dois recharger la page pour obtenir l'heure actuelle, alors comment puis-je le rendre plus réaliste, je veux dire l'afficher comme il est comptage, serait beaucoup mieux comment obtenir l'heure actuelle sans recharger la page à chaque fois?

$(function() { 
 
    var d = new Date(), 
 
    currentDay = d.getDate(), 
 
    hour = d.getHours(), 
 
    minutes = d.getMinutes(), 
 
    seconds = d.getSeconds(); 
 

 
    if (hour < 10) { 
 
    hour = '0' + hour; 
 
    } 
 
    if (minutes < 10) { 
 
    minutes = '0' + minutes; 
 
    } 
 

 
    document.write(hour + ' : ' + minutes); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Répondre

1

vous pouvez utiliser la fonction setInterval, et puisque vous montrez minutes vous pouvez appeler toutes les 60 secondes setInterval

$(function() { 
 
    
 
    function setTime(){ 
 
    var d = new Date(), 
 
    currentDay = d.getDate(), 
 
    hour = d.getHours(), 
 
    minutes = d.getMinutes(), 
 
    seconds = d.getSeconds(); 
 
    if (hour < 10) { 
 
    hour = '0' + hour; 
 
    } 
 
    if (minutes < 10) { 
 
     minutes = '0' + minutes; 
 
    } 
 

 
    document.write(hour + ' : ' + minutes); 
 
    } 
 
    
 
    setTime(); 
 
    setInterval(setTime,60000); 
 
    
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>