Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 22
  1. #1

    Eseguire funzione dopo tot secondi

    Salve, sono nuovo e alle prime armi col Javascipt, io ho questo codice:
    codice:
    <script>
     //memorizzerà l'attuale Valoredi opacità
     var val = 0;
       
     function cambiaOpacita(){
     //recuperiamo l'elemento al quale cambiare l'opacità
       var immagine = document.getElementById("im");
     
       //cambiamo l'opacità (serve un valore decimale da 0 a 1)
     immagine.style.opacity = val/100;
             
     //cambiamo l'opacità per Internet Explorer (serve un valore compreso tra 0 e 100))
     immagine.style.filter = 'alpha(opacity = ' + val + ')';
             
     }
     
     function aumentaOpacita(){
       val += 2;
       
       cambiaOpacita();
       
       if(val<100){ //se l'immagine non è completamente visibile
          setTimeout("aumentaOpacita();", 50);
       }
       
     }
    </script>
     
    
    e vorrei fare in modo che tutto ciò (cioè l'apparizione in opaco) avvenisse dopo toto secondi, cioè che dopo tot secondi inizia, non subito all'apertura della pagina.

    Ringrazio

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    prova cosi

    3000 = 3 secondi puoi mettere un tempo a piacere
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3

    Non funziona

    Purtroppo non funziona, ho provato a scriverla così e la apre come se fosse [img]link immagine[/img]

    HO SCRITTO:
    codice:
    <html>
    
    <head>
    
      
      <title>CodePen - Pen</title>
    
      <script>
     //memorizzerà l'attuale Valoredi opacità
     var val = 0;
       
     function cambiaOpacita(){
     //recuperiamo l'elemento al quale cambiare l'opacità
       var immagine = document.getElementById("im");
     
       //cambiamo l'opacità (serve un valore decimale da 0 a 1)
     immagine.style.opacity = val/100;
             
     //cambiamo l'opacità per Internet Explorer (serve un valore compreso tra 0 e 100))
     immagine.style.filter = 'alpha(opacity = ' + val + ')';
             
     }
     
     function aumentaOpacita(){
       val += 2;
       
       cambiaOpacita();
       
       if(val<100){ //se l'immagine non è completamente visibile
          setTimeout("aumentaOpacita();", 50);
       }
       
     }
    </script>
     
    </head>
    
    <body>
     
    
    
    
    </body>
    
    </html>

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    ma stiamo parlando di immagini esterne img.forumfree.net/html/emoticons/wink.gif al tuo sito?
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    No, a me servirebbe per un div ecc era solo un esempio perche tanto lid vale per tutto

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Prova cosi:
    codice:
    <html>
    
    <head>
    
      
      <title>CodePen - Pen</title>
    
      <script>
     //memorizzerà l'attuale Valoredi opacità
     var val = 0;
       
     function cambiaOpacita(){
     //recuperiamo l'elemento al quale cambiare l'opacità
       var immagine = document.getElementById("im");
     
       //cambiamo l'opacità (serve un valore decimale da 0 a 1)
     immagine.style.opacity = val/100;
             
     //cambiamo l'opacità per Internet Explorer (serve un valore compreso tra 0 e 100))
     immagine.style.filter = 'alpha(opacity = ' + val + ')';
             
     }
     
     function aumentaOpacita(){
       val += 2;
       
       cambiaOpacita();
       
       if(val<100){ //se l'immagine non è completamente visibile
          setTimeout("aumentaOpacita();", 50);
       }
       
     }
    window.onLoad=function(){setTimeout('aumentaOpacita()',3000)}
    </script>
     
    </head>
    
    <body>
     
    
    
    
    </body>
    
    </html>
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    purtroppo come prima apre da subito l'immagine normalmente senza neanche l'ombreggiatura

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Metti la pagina on linee e posta il link
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  9. #9

  10. #10
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Non mettere una immagine sterna usane una interna, cosi si capisce se il problema è quello (come credo)
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.