Pubblicato da Ti è mai capitato di voler far apparire sullo schermo del visitatore del tuo sito internet, un messaggio temporizzato dopo tot secondi dall'apertura della pagina navigata?
Se la tua esigenza è proprio questa, che sia un alert, un'immagine, un box, un testo, o altro, con il javascrit è ovviamente possibile programmare l'apparizione di specifici elementi della pagina html.
Vediamo subito come fare.
Come fare un Alert Temporizzato in Javascript
Per poter programmare l'apertura di un alert javascript, basta utilizzare questa semplice sintassi:
setTimeout(function(){alert("Ciao, sono passati 5 secondi");},5000);
Con questa semplice riga di codice infatti, piazzata nell'head della pagina html, dentro l'apposito tag script, sarà possibile lanciare un messaggio alert di testo, dopo tot secondi dal caricamento della pagina.
Ecco l'intero codice html/javascript da utilizzare, nel caso tu voglia provare direttamente la cosa senza scrivere alcuna riga di codice:
<html>
<head>
<title>Alert</title>
<script type="text/javascript">
setTimeout(function(){alert("Ciao, sono passati 5 secondi");},5000);
</script>
</head>
<body>
Aspetta 5 secondi
</body>
</html>
Ed ecco fatto, dopo appena 5 secondi la pagina web mostrerà al navigatore un bel messaggio alert javascript.
Come specificato ad inizio post, usando questa logica è ovviamente possibile far apparire a video qualsiasi tipo di elemento.
Il mio consiglio è quello di preparare dei div con al loro interno il contenuto da mostrare, e di farli apparire al momento giusto usando la sintassi spiegata in questo post.
Piaciuto l'articolo? Lascia un commento!
EmoticonEmoticon