decompte secondes en js et jquery

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : decompte secondes en js et jquery

ibrahim54

It's over 9000 !!!

Bonjour a toutes et a tous,

Je souhaite faire un decomptes de seconde entre deux dates mais je n arrive pas a adapter le script js trouvé sur w3s.

J'arrive seulement a afficher les secondes mais ne vont pas au dela de 60.

Pourriez vous m'aider ou me donner des elements de reponses svp ?

Pour l'heure je penche pour une formule incomplete mais je bute dessus/

Merci pour votre aide.

Voici les codes sources :

Code :

<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Rebours</title>
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="style/styles.css" />
<script type="text/javascript" src="js/rebours.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
</head>
<body>
<div id="countdown">
</div>
</body>
</html>

et le script js :

Code :

// Set the date we're counting down to
var countDownDate = new Date("April 17, 2046 15:37:25" ).getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("countdown" ).innerHTML = seconds;
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown" ).innerHTML = "EXPIRED";
}
}, 1000);

Merci pour votre aide et a tres vite

---------------
Betaserie | Site Perso | YouTube | D3 | PS4

Publicité

MaybeEijOrNot

but someone at least

Bonjour,

Je n'ai rien compris à l'histoire de jquery, il n'y a pas de jquery dans le script. :pt1cable:

Enfin bref, tu ne demandes d'afficher que les secondes, donc ça n'affiche que les secondes. [:spamafote]

Code :

// Display the result in the element with id="demo"
document.getElementById("countdown" ).innerHTML = seconds;

Tu n'as qu'à concaténer tes variables pour tout afficher d'un coup.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

ibrahim54

It's over 9000 !!!

Bonjour MaybeEijOrNot,

l affichage des secondes est bonne ce qui ne l'est pas c'est que cela affiche seulement les 60 dernieres secondes.

L'idee serait donc d afficher le nombre total de seconde (nombres de secondes restantes entre deux dates)

Ce qu'offre le script est un decompte jours heures minutes et secondes.

Concernant le jQuery, c'est peut etre inclus dans Math.floor ? (je suis une quiche en js/jQuery/etc...)

Message cité 1 fois

---------------
Betaserie | Site Perso | YouTube | D3 | PS4

MaybeEijOrNot

but someone at least

ibrahim54 a écrit :

Concernant le jQuery, c'est peut etre inclus dans Math.floor ? (je suis une quiche en js/jQuery/etc...)

Wut ? [:lectrodz]
jQuery est une bibliothèque de JavaScript. Tu n'en as pas spécialement besoin pour faire un décompte.

Enfin bref, ici :

Code :

var seconds = Math.floor((distance % (1000 * 60)) / 1000);

Il suffit de diviser la différence de temps entre les deux dates (qui est en millisecondes) par 1000 pour obtenir des secondes et arrondir le résultat, c'est niveau collège...

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

ibrahim54

It's over 9000 !!!

j'ai fini par trouver merci beaucoup pour le coup de main.

Voici la réponse au cas ou quelqu'un en ait besoin

Code :

var seconds = Math.floor((distance / 1000));

---------------
Betaserie | Site Perso | YouTube | D3 | PS4

FORUM HardWare.fr

Programmation

HTML/CSS

decompte secondes en js et jquery

Sujets relatifs
Problème Menu Jquery SuperFish	[Résolu] slideToggle (jQuery)
Jquery - Clone d'elements imbriqués [RESOLU]	Slide vidéo jquery
[JQUERY]Problème requête ajax en GET via PHP	Nom d'un code Jquery
Conflit entre deux codes jQuery	jQuery: playlist youtube
JQuery load() : ne charge tout qu'au deuxième clic !	Function en Jquery
Plus de sujets relatifs à : decompte secondes en js et jquery

Page générée en 0.065 secondes