Compteur à rebours script

Fermé
finette35 - 7 juin 2012 à 17:39
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 - 7 juin 2012 à 18:24
Bonjour,
Je remercie beaucoup les helpeurs ( tryan44)de ce forum qui m'ont aidé pour ce compteur à rebour ; Il fonctionne bien mais je voudrai augmenter la taille du message avant le compteur. Je n'arrive pas a placer l'indication font size="10" dans le script ainsi que Face="kristen itc" . Je n'utilise pas de feuille de style car je ne sais pas les faire je mets directement.
si quelqu'un peut m'aider un grand merci
çi dessous le scipt

<html><body bgcolor="#CCFF66"
text="#FF0000" font size="10" link="#FF6600" alink="#FF3300" vlink="#666699">
<SPAN ID="Compte"></SPAN><SCRIPT TYPE="text/JavaScript">
var Affiche=document.getElementById("Compte") ;
function Rebour() {
var date1 = new Date();
var date2 = new Date ("Jun 18 00:00:00 2012");
var sec = (date2 - date1) / 1000;
var n = 24 * 3600;
if (sec > 0) {
j = Math.floor (sec / n);
h = Math.floor ((sec - (j * n)) / 3600);
mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);
sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));
Affiche.innerHTML = "Avant votre voyage il ne vous reste plus que: " + j +" j "+ h +" h "+ mn +" min "+ sec + " s . N'oubliez pas de boucler la valise. " ;
window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";
}
tRebour=setTimeout ("Rebour();", 1000);
}
Rebour();
</SCRIPT>



A voir également:

2 réponses

acid3max Messages postés 37 Date d'inscription jeudi 7 juin 2012 Statut Membre Dernière intervention 8 juin 2012 5
7 juin 2012 à 17:46
Dans ta balise body essais

<body style="font-size:10px;font-family:kristen itc;">
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
Modifié par RAD ZONE le 7/06/2012 à 18:28
Salut

ou fais quelque chose de plus propre !

1 tu sort les texte du js

2 tu ajoute une balise ( un <p> dans mon exemple ) et tu lui donne une class

3 tu met le span dans ce <p> entre les textes

4 tu peux ajuster facilement avec la CSS

l exemple
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
  <head>  
    <title>  
      RAD ZONE Webcreation  
    </title>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
    <style type="text/css">  
/*<![CDATA[*/  
    body {  
      background-color: #CCFF66;  
      color: red;  
    }  

    #Compte{  
      font-size: 20px;  
      color: #FF6600;  
    }  

    .texte{  
      font-size: 30px;  
      color: #3300FF;  
    }  
    /*]]>*/  
    </style>  
  </head>  
  <body>  
    <p class="texte">  
      Avant votre voyage il ne vous reste plus que: <span id="Compte"></span>N'oubliez pas de boucler la valise.  
    </p>  
    <script type="text/JavaScript">  
//<![CDATA[  
    var Affiche=document.getElementById("Compte") ;  
    function Rebour() {  
    var date1 = new Date();  
    var date2 = new Date ("Jun 18 00:00:00 2012");  
    var sec = (date2 - date1) / 1000;  
    var n = 24 * 3600;  
    if (sec > 0) {  
    j = Math.floor (sec / n);  
    h = Math.floor ((sec - (j * n)) / 3600);  
    mn = Math.floor ((sec - ((j * n + h * 3600))) / 60);  
    sec = Math.floor (sec - ((j * n + h * 3600 + mn * 60)));  
    Affiche.innerHTML = "" + j +" j "+ h +" h "+ mn +" min "+ sec + " s " ;  
    window.status = "Temps restant : " + j +" j "+ h +" h "+ mn +" min "+ sec + " s ";  
    }  
    tRebour=setTimeout ("Rebour();", 1000);  
    }  
    Rebour();  
    //]]>  
    </script>  
  </body>  
</html>  


a+

♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣
0