---
title: "uppdatera varje sekund..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17356-uppdatera-varje-sekund"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "nanne"
published: "2001-01-19T10:24:00.000Z"
updated: "2001-01-23T13:52:00.000Z"
replies: 18
views: 618
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/17356-uppdatera-varje-sekund"
---

# uppdatera varje sekund...

## #1 — nanne, 2001-01-19T10:24Z

Jag har gjort ett tufft php script som skapar en gifbild på en analog klocka med aktuell tid. Men jag skulle vilja ha ett javascript som laddar om sidan varje sekun/minut så att man ser att klockan rör på sig utan att man måste ladda om hela sidan.  Mina kunskaper i javascript är ju inte så stora så :/

Permalänk: https://www.webforum.nu/p/17356

## #2 — Engine^, 2001-01-19T10:52Z

Du frågar efter ett skript som laddar om sidan, men som inte laddar om hela sidan?
Följande uppdaterar sidan en gång i sekunden (1000 millisekunder):

```
<script defer>
window.onload = ticktack;

function ticktack()
{
setTimeout("history.go(0);",1000);
}
</script>
```

Rätt irriterande liten funktion faktiskt... men men ;)

Permalänk: https://www.webforum.nu/p/328250

## #3 — Erik Juhlin, 2001-01-19T11:18Z

Jag tror nanne ville ha ett script som laddade om enbart bilden. Själv kan jag inte säga om det går eller hur man gör det i så fall, men någon annan kanske vet..?

Permalänk: https://www.webforum.nu/p/328251

## #4 — Zaphod, 2001-01-19T11:36Z

Herregud!
Fasen vad onödigt att göra ett php script som skapar bilden.

Gör så istället att du har bilder för 0-9 och laddar om bilden varje sekund.
Se bara till att du preloadar bilderna innan du sätter igång klockan. Annars så kommer det att se fult ut. Alternativt så kan du ha olika lager som bilderna ligger i. Jag vet inte vilket som tar minst kraft. Det är väl bara att testa, antar jag. Men att byta bildena (document.images\['img1'\].src='blablabla.gif' typ)är ju helt klart lättast.

/Magnus

Permalänk: https://www.webforum.nu/p/328252

## #5 — nanne, 2001-01-19T11:58Z

> Herregud!
> Fasen vad onödigt att göra ett php script som skapar bilden.

Inte om man enkelt vill kunna modifiera bilden. Med att lägga in olika parametrar så kan jag enkelt styra färgen på minut, tim, sekundvisare, bakgrundsvärg etc. etc.

Permalänk: https://www.webforum.nu/p/328253

## #6 — Engine^, 2001-01-19T12:21Z

Då beror det ju på hur ditt php-script ser ut. Alltså med vilket filnamn som bilden genereras. Nu har inte jag hållit på med php någonting, men om skriptet skapar en ny bild säg varje sekund, så kan man med javascript läsa in en ny bild varje sekund... fast hur det blir med synkroniseringen mellan scripten vet jag inte. Det går ju att använda samma kod som jag skrev ovan - det är bara att byta ut history.go(0) till en funktion, t.ex. switchImage()...

```
<script defer>
window.onload = switchImage;

function switchImage()
{
oClock.src = "./klocka.gif"; // namnet på den genererade bilden
tClock = setTimeout("switchImage()", 1000);
}
</script>

<img src=... id=oClock>
```

Men detta förutsätter att det tar mindre än 1 sekund att generera och läsa in bilden... det här är nog ingen bra lösning, men kanske en bit på vägen ;)

Permalänk: https://www.webforum.nu/p/328254

## #7 — PeW, 2001-01-19T22:38Z

Hmmm... är det inte bättre att använda setInterval() än setTimeout()?. Det senare fryser ju som en fördröjning, men det första låter koden knalla på som vanligt, men "nöter" sin uppdatering (kallar på funktionen) var 1000:e millisekund, tills den blir nollad med clearInterval()... om den nu blir det. Typ:

```
<script defer>
window.onload = switchImage;
function switchImage()
{
oClock.src = "./klocka.gif"; // namnet på den genererade bilden

}
setInterval("switchImage()", 1000);
</script>

<img src=... id=oClock>
```

eller nåt  ;)

Permalänk: https://www.webforum.nu/p/328255

## #8 — Alpha II, 2001-01-20T20:56Z

Humm... Bil´den kommer ju inte att ha laddas klart när den uppdateras igen! :/

Permalänk: https://www.webforum.nu/p/328256

## #9 — PeW, 2001-01-20T22:18Z

Öka antalet millisekunder?

```
<script>
function switchImage()
{
oClock.src = "./klocka.gif"; // namnet på den genererade bilden
}
</script>

<body onLoad="setInterval("switchImage()", 10000);">
<img src=... id=oClock>
```

Permalänk: https://www.webforum.nu/p/328257

## #10 — nanne, 2001-01-22T09:41Z

Scriptet funkar bra. tack till er! :)  Fast nu sitter jag ju på min fasta lina då. Så jag får hoppas att det funkar på modem oxå. Kan nån testa? Förmodligen så måste jag optimera klockan en del för bilden blir lite väl stor.
 <http://dev1.eldata.se/hemsida/testsida.php3>

Permalänk: https://www.webforum.nu/p/328258

## #11 — Gislaved.net, 2001-01-22T10:31Z

Det ser fint ut, men klockan går en timme fel. 

Sekundvisaren syns inte, men det är väl meningen? (Den syns om jag laddar enbart klocka.php). 

Fint jobbat!

Permalänk: https://www.webforum.nu/p/328259

## #12 — nanne, 2001-01-22T10:43Z

Det är serverns klocka som är fel så det är inget jag kan göra åt.

Hmmm... Upptäckte själv nu att den inte fungerar i Netscape. Men i explorer funkar den ju bra :-/

Permalänk: https://www.webforum.nu/p/328260

## #13 — Gislaved.net, 2001-01-22T10:55Z

Det brukar ju vara så... någon av webläsarna strular.  ;)

Permalänk: https://www.webforum.nu/p/328261

## #14 — nanne, 2001-01-22T12:12Z

Mjo.. dom gör ju alltid det.

Nåja.. jag har ställt in att om man använder explorer så syns sekundvisaren men om man använder netscape så syns den inte.

Permalänk: https://www.webforum.nu/p/328262

## #15 — Erik Juhlin, 2001-01-22T14:10Z

Är det inte så att id bara stöds av IE och Mozilla?

Permalänk: https://www.webforum.nu/p/328263

## #16 — Gislaved.net, 2001-01-22T14:57Z

Sekundvisaren syns, men rör sig inte i Mac + IE (du ser själv vilken version här nedan).

Permalänk: https://www.webforum.nu/p/328264

## #17 — PeW, 2001-01-22T17:53Z

Blev scriptfel i msdebuggern.
Lägg till "var oclock=new Image();" innan "function switchImage()" i koden. 

```
<script>
var oclock=new Image();
function switchImage()
{
oClock.src = "./klocka.gif"; // namnet på den genererade bilden
}
</script>
<body onLoad="setInterval("switchImage()", 10000);">
<img src=... id=oClock>
```

Permalänk: https://www.webforum.nu/p/328265

## #18 — nanne, 2001-01-23T08:18Z

Nu får jag upp detta i konsolen

syntax error. 

setInterval(
...........^

trodde först att det berodde på att du lagt " runt switchImage() men då klagade den på det. Hmm.... 

nya koden

```
<script  type="text/javascript" language="JavaScript">
function switchImage() {
  var oClock=new Image();
  oClock.src = "./clock.php?size=100&style=0&style=1&tcolor=FF0000&mcolor=00FF00&showsecond=1"; // namnet på den genererade bilden
}

</script>

<BODY bgcolor="White" onLoad="setInterval("switchImage()", 10000);">
```

Permalänk: https://www.webforum.nu/p/328266

## #19 — PeW, 2001-01-23T13:52Z

"switchImage()" fungerar nog bättre med 'switchImage()'... annars tar situationstecknen ut varandra. 

Nu tokladdar ju bilden på sidan (url här ovan)... kanske skulle strunta i sekundvisaren och ladda var 30:e sekund istället?

Permalänk: https://www.webforum.nu/p/328267

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17356-uppdatera-varje-sekund