byte av bild utan att ladda om hela sidan

5 svar · 271 visningar · startad av lillebror 5 feb. 2005

lillebrorMedlem sedan apr. 20041 597 inlägg

Frågan5 feb. 2005 17:27#1

Det svar som är accepterat för denna tråd (http://www.webforum.nu/showthread.php?s=&threadid=96906&forumid=24) är nästan det jag söker efter. Jag har en klocka på min hemsida som visar UTC-tid. Denna klocka består av en bakgrundsbild samt en bild med själva tiden som genereras av ett php-skript som sen sammanfogas utav ytterligare ett php-skript till endast en bild.

Nu söker jag en funktion som uppdaterar och kör funktionen (changeImage(val)) i denna tråd var 60:e sekund utan att hela sidan laddas om. Är detta möjligt? :e

Trevlig helg!

JojoxxMedlem sedan juni 20004 308 inlägg

5 feb. 2005 17:54#2

FAQ

För att göra det var 60:e sekund:

<img name="myimage" src="bild.gif">
<script type="text/javascript">
function updateTime(){
	var now=new Date();
	document.images['myimage'].src = "bild.gif?"+now.getTime();
}
setInterval("updateTime()",60000);
</script>

lillebrorMedlem sedan apr. 20041 597 inlägg

5 feb. 2005 22:12#3

Det fungerar förträffligt! Trodde inte att det skulle kunna gå att lösa så smidigt. JAVA är tydligen melodin :bire Tack för ett snabbt svar!

/Fredrik

lillebrorMedlem sedan apr. 20041 597 inlägg

5 feb. 2005 22:20#4

Har ytterligare en liten fråga rörande detta skript som fungerar precis som det ska. Nu verkar det vara så att det "blippar" till lite när den nya bilden laddas in. Går detta att lösa genom att "preloada" en bild någon sekund innan så att den redan är inläst i bufferten? :)

JojoxxMedlem sedan juni 20004 308 inlägg

5 feb. 2005 22:51#5

Inte testat, men det borde fungera:

<img name="myimage" src="bild.gif">
<script type="text/javascript">
var preload=new Image();
preload.onload=function(){
	document.images['myimage'].src = this.src;
}
function updateTime(){
	var now=new Date();
	preload.src = "bild.gif?"+now.getTime();
}
setInterval("updateTime()",60000);
</script>

lillebrorMedlem sedan apr. 20041 597 inlägg

6 feb. 2005 21:54#6

Skriptet fungerar klockrent! Många tack! :)