1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
Dismiss Notice
Welcome to our Education website, plz like our page facebook to support us. Thank You and wish you good navigation

Texte annimé - Javascript

abdelouafiOct 4, 2016

    1. abdelouafi

      abdelouafi Administrator Staff Member

      Messages:
      295
      Likes Received:
      9
      Trophy Points:
      18
      Joined
      Sep 13, 2016
      Code de la page boucle.html:
      Cet exemple permet d'afficher un texte animé en utilisant le langage Javascript. Un exemple très simple à travailler sur votre machine, dans ce TP on déclare une variable de type chaîne de caractère contenant un texte comme valeur initiale. Ce texte sera animé sur votre navigateur en utilisant la fonction nommée affichage() ci-dessous. Le texte sera animé chaque 30 seconde
      Code:
      <html>
      <head>
      <script language="javascript">
          str="Bonjour , message à afficher lettre aprés lettre                                ";
          i=0;
          function affichage(){
              a=setTimeout("affichage()",30);
              document.fo.login1.value=str.substring(0,i);
              status=str.substring(0,i);
              i+=1;
              if (i>str.length)
                  i=0;
          }
      </script>
      </head>
      <body onLoad="affichage()">
          <!--<input type="button" value="cliquez ici" onMouseOver="f()">-->
          <form name="fo">
              <input  type="text" value="10" name="login1" size="50" style=" border:solid 1px red;color:black;font:18pt monospace;text-align:center;"><br>
              <input type="button" value="Arreter" onClick="clearTimeout(a)">
              <input type="button" value="Continuer" onClick="affichage()">
              <select name="jours_du_mois">
                  <script language="javascript">
                      for(i=1;i<32;i++)
                          document.write("<option>"+i+"</option>");
                  </script>
              </select>
           
              <select name="les_mois">
                  <script language="javascript">
                   
                          document.write("<option>Mai</option>");
                  </script>
              </select>
          </form>
      </body>
      </html>
       
      Last edited: Dec 23, 2016
      Loading...

Share This Page

Share