May 2
JavaScript è il linguaggio usato per manipolare ciò che si vede in un browser Internet. JavasScript lavora con il Document Object Model (DOM) per consentire al programmatore di cambiare non solo come la pagina web appare, ma come si comporta. L'intento della lingua è quello di fornire una migliore esperienza per lo spettatore, sia convalidando le informazioni inserite in un modulo o ruotando attraverso una serie di immagini. JavaScript è incorporato in tutti i principali browser usati oggi.
1 Creare una semplice pagina web con un link d'immagine. Il link immagine dovrebbe avere un nome, che gli consente di essere facilmente modificata JavaScript.
Nome IMG = "test_move"
SRC = "first_image.gif"
2 Aggiungi una sezione javascript per il corpo:
<SCRIPT LANGUAGE = "JavaScript">
Funzione roll_pic () {
var id = setTimeout (fn2,1000);
var id = setTimeout (fn3,1000);
}
Funzione fn2 () {
document.test_move ".src =" second_image.jpg ";
}
Funzione FN3 () {
document.test_move ".src =" third_image.jpg ";
}
</ SCRIPT>
Nota il metodo setTimeout, che è costruito in JavaScript. Il primo parametro del setTimeout è il nome di una funzione. Il secondo parametro è una lunghezza di tempo in millisecondi. SetTimeout attende il numero designato di millisecondi prima di chiamare la funzione.
3 Aggiungere un evento onload per il tag body:
<Body onload = "roll_pic ()">
Quando la pagina viene caricata, l'evento onload scatterà, chiamando la funzione roll_pic. Questa funzione sostituirà la sorgente dell'immagine con un nuovo collegamento, che sostituisce l'immagine originale. Sarà quindi chiamare la seconda funzione, che sostituirà nuovamente l'immagine.
4 Creare script più complessi con cancelTimeout, che arresta un timeout, e setInterval e cancelInterval. Intervalli sono azioni ripetitive, in contrapposizione alla singola azione di un timeout.