Compte à rebours avec changement d'image [Résolu]

ravid87 8 Messages postés vendredi 11 mars 2011Date d'inscription 23 avril 2011 Dernière intervention - 31 mars 2011 à 00:36 - Dernière réponse : ravid87 8 Messages postés vendredi 11 mars 2011Date d'inscription 23 avril 2011 Dernière intervention
- 23 avril 2011 à 10:50
Bonsoir,

voila j'ai un petit problème, le grand maître Yoogle n'a pas su me répondre précisément , enfaite je voudrais intégrer une image qui change en fonction du décompte, pas une barre de progression. Déjà es que c'est possible en javascript ? si non dans quel langage SPV ? si vous avez besoins de mon code du compte à rebours:

<script LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Mar 30 2011 00:00:00"); //date et heure de fin du compte à rebours 
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec (secondsRound 1) ? " sec" : " sec";
min (minutesRound 1) ? " min" : " min, ";
hr (hoursRound 1) ? " h" : " h, ";
dy (daysRound 1)  ? " jour" : " jours, "
document.timeForm.input1.value = "" + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + "";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
  encore 


    <form name=timeForm>
      
    </form>
     avant le nouvelle épisode 



Merci d'avance.
Afficher la suite 

Votre réponse

2 réponses

Meilleure réponse
smotte761 2 Messages postés vendredi 22 avril 2011Date d'inscription 23 avril 2011 Dernière intervention - 23 avril 2011 à 06:11
3
Merci
Bonjour,

Voici un code qui va répondre à tes besoins :
<HTML>
<head>
<script type="text/javascript">
couv = new Array;
couv[0] = './images/1.jpg'
couv[1] = './images/2.jpg'
couv[2] = './images/3.jpg'
couv[3] = './images/4.jpg'
couv[4] = './images/5.jpg'
num = 2

function ChangeImage()
{
if (num -1) { num (couv.length-1)}
if(document.getElementById)
{
//permet de faire apparaitre un objet ->getElementById
//le innerHTML permet de modifier le contenu d'une balise HTML
document.getElementById("zone").innerHTML =' ';
num = num-1
}
//déclenche une minuterie -> SetTimeOut en mili seconde
setTimeout("ChangeImage()", 2000);
}
window.onload = ChangeImage;
//-->
</script>
</head>



Merci smotte761 3

Avec quelques mots c'est encore mieux Ajouter un commentaire

Codes Sources a aidé 101 internautes ce mois-ci

Commenter la réponse de smotte761
ravid87 8 Messages postés vendredi 11 mars 2011Date d'inscription 23 avril 2011 Dernière intervention - 23 avril 2011 à 10:50
0
Merci
merciiiiii beaucoup !!
Commenter la réponse de ravid87

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.