Snowguide.gr

Weather / Καιρός => Τεχνικά Θέματα Μετεωρολογίας => Topic started by: MetFM on 10 Mar, 2015, 22:25:34

Title: εύκολο script για αυτόματη ανανέωση εικόνας
Post by: MetFM on 10 Mar, 2015, 22:25:34
με ενα πολύ ευκολο script μπορούμε στην ιστοσελίδα μας να έχουμε αυτόματη ανανέωση σε μια εικόνα σε χρόνο που έχουμε εμείς ορίσει χωρίς να ανανεώνεται ολόκληρη η ιστοσελίδα.με το που φορτώνεται η ιστοσελίδα θα εμφανίζεται η τελευταία εικόνα και μετά η ανανέωση θα είναι αυτόματη.αυτό γίνεται με 2 απλά βηματα

1:  προσθέτουμε τον link της εικόνας μας στην html σελίδα μας


Code: [Select]
<img  src="η διέυθυνση της εικόνας μου" id="tcimage0" alt="Image">
μετά προσθέτουμε και το script

Code: [Select]
<script>          var tcimages = new Array();     tcimages[0] = "H διεύθυνση της εικόνας μου";     interval = 30000;      function Refresh() {       for (i=0; i<=0; i  ) {         tmp = new Date();         tmp = "?"   tmp.getTime();         document.images["tcimage"   i].src = tcimages[i]   tmp;       }       setTimeout("Refresh()", interval);     }      Refresh();      </script>
το νούμερο 30000 είναι ο χρόνος που θέλουμε να έχουμε την αυτόματη ανανέωση. 30000 είναι 30 δευτερόλεπτα. αν θέλουμε ανανέωση ανά 5 δευτερόλεπτα θα βάλουμε 5000.

το script αν θέλουμε να είναι στην html σελίδα μας θα το βάλουμε ως έχει. αν το βάλουμε σε φάκελο ως εξωτερικό θα το βάλουμε χωρίς τα <script></script>.

για ταχύτερη φόρτωση ιστοσελίδων όσον αφορά τα script , πρέπει να έχουμε υπόψη μας ότι αυτά τοποθετούνται στο κάτω μέρος της ιστοσελίδας ακριβώς πάνω από το </body>.
και επίσης είναι προτιμότερο να έχουμε εξωτερικά script στον σέρβερ και στην ιστοσελίδα μας να εχουμε links προς αυτά στον σέρβερ. πχ


<script src=scripts/jquery.js (http://forum.snowguide.gr/view-source:http://metfm.esy.es/scripts/jquery.js)></script>