Rechercher : dans
Par :

Compteur de durée depuis une date

Dernière réponse le 28 jun 2009 à 02:56:10 Psytrax, le 30 jan 2009 à 15:45:36 
 Signaler ce message aux modérateurs

Bonjour,
je cherche a mettre un compteur qui compte le nombre de jours qui passe depuis une date sur mon site
je ne trouve rien qui me convienne sur la toile et je ne sais pas programmer :(

le compteur serait du type XX jours depuis le debut...

Je sais pas si c'est utile de le préciser mais je travail en html...

si vous aviez quelques minutes pour m'aider, merci

Configuration: Windows XP
Firefox 2.0.0.20

1

guy2mars, le 30 jan 2009 à 15:50:53

Suffit parfois de savoir chercher
par ex la meme question sur ccm a ete reglée par ceci

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

<head>

<title>Et vlan ! la différence entre deux dates en Javascript…</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="content-language" content="fr" />
<meta name="author" content="Mathieu ADRIEN; http://www.grainedekeupon.fr" />

<style type="text/css">
html
{
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
font-size:.88em;
}
body
{
width:772px;
margin:0 auto;
padding:0;
}
</style>

<script type="text/javascript">
function dateDifference()
{
var today = new Date();
var creationDay = new Date( 1978, 03, 16);
var diff = Math.ceil( ( today.getTime() - creationDay.getTime() ) / ( 1000 * 60 * 60 * 24 ) );
var target = document.getElementById( 'target' );
if( target )
{
target.innerHTML = diff + ' jours';
}
}
</script>

</head>

<body onload="dateDifference()">

<h1>Différence de date en Javascript</h1>
<p>en réponse à <a href="http://www.commentcamarche.net/forum/affich 5953051 calcul duree date creation et date visite">Calcul durée date création et date visite</a>.</p>

<p>Testé sous Windows XP (SP2), avec IE (6 et 7), FireFox (2) et Opéra(9).</p>
<p><a title="Validation XHTML" href="http://validator.w3.org/check?uri=referer">XHTML 1.0 Strict</a></p>
<p><a title="Validation CSS" href="http://jigsaw.w3.org/css-validator/check/referer">CSS 2.0</a></p>
<h2>Nombre de jours écoulés depuis ma naissance</h2>

<p id="target"></p>
<hr />
<h2>Ton exemple, depuis le 15 avril</h2>
<script type="text/javascript">
var t = new Date();
var j=t.getDate()
var DateCreation = new Date( 2008, 4, 15);
var d=DateCreation.getDate();
var Duree = Math.ceil( ( j - d ) );
document.write('<p>' + Duree + ' jours</p>');
</script>
</body>

</html>

Répondre à guy2mars

2

Psytrax, le 30 jan 2009 à 15:59:09

????????u?n??????†????4?????5???????????????????????????????­?????????????????†????????†?†?????????????????††????????????­?††?????????††????????????????????????????†????4????†††?????­??????????????????????††?????????††?????????????????????????­???†????4????†††???????????????????????????††?????????†††???­HI.??????????????????????†????4?????††??????????????????????­??????††???????????†††??????????????????????????????†????4??­????††??????????????????????????=??††??????????††???????????­??????????????????†????4??????††????????????????????????????­?††??????????††?????????????????????????????†????4??????††??­????????????????????????=??††??????????††???????????????????­??????????†????4?????†††????????????????????????????††??????­????††?????????????????????????????†???†††???????†?†?????†??­???????†?????† ?ª?R?????????????=??????=???????????•???????•????????›??????­????????????????††???????????=??????=???????????•???????•???­?????›??????????n??????????†??????†?††????†????????•????????­?????†????††?????††?†?????????††??????4›????????????????•???­????????†??????›?????????????????????????????†????›?????????­????=?????=???†?????††??????†???????†??††?????†????????•????­??????????†?????††??????††??†??????????††??????4›???????????­?????•????????????†??????›??????????????????????????????†???­?2?N?¨ê????????=?????=????†??????††????>?(? ??ê??

Personnellement voila ce qu'il m'apparait a l'ecran :/

Répondre à Psytrax

4

guy2mars, le 30 jan 2009 à 16:29:47

Voici le code modifié

<html>
<body onload="dateDifference()">
<p id="target"></p>
<h4>depuis le 1/1/2009
<script type="text/javascript">
var t = new Date();
var j=t.getDate()
var DateCreation = new Date( 2009, 1, 1);
var d=DateCreation.getDate();
var Duree = Math.ceil( ( j - d ) );
document.write('<p>' + Duree + ' jours</p>');
</script>
</h4>
</body>
</html>

tu vois c'est beaucoup plus court ....

Répondre à guy2mars

3

guy2mars, le 30 jan 2009 à 16:12:49

Bizarre...
chez moi ca marche nickel
j ai copié sur mon webexpert, lancé easyphp et ca sort bien
bien sur, je n'ai rien modifié de la source, c est a toi a le faire selon tes besoins

Répondre à guy2mars

5

Psytrax, le 30 jan 2009 à 16:52:39

Ok merci j'arrive a mettre selon mes besoin seul sur une page mais pas a l'intégré à l'endroit bien precis sur mon site mais je vais me débrouiller. Deja merci bcp pour le compteur j'y serais jamais arrivé ^^

Répondre à Psytrax

6

 michaeljackson07, le 28 jun 2009 à 02:56:10

Merci,

Mais il n'y a que les jours, je voudrais les jour l'heure minute secondes Merci

Répondre à michaeljackson07