Notifikationer

Markér alle som læst Log ud

jammerlab Nybegynder

19. januar 2004 - 23:37 Der er 27 kommentarer og
1 løsning

realtime Countdown / ur

(1) Skal bruge et script til realtime ur timer:minutter:sek

(2) Skal bruge et script der tæller ned fra 600 og starter forfra ved update af browseren.

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:04 #1

Her er et eksempel:

<body onload="tid();">


<span id="klokken"></span>

<script type="text/JavaScript">
countdown = 600;
countdown = countdown + 1;

function tid()
{
var mydate=new Date();
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn=""
if (hours>=24)
dn=""
if (hours>24){
hours=hours-24}

if (hours==0){
hours=24}

if (minutes<=9){
minutes="0"+minutes}

if (seconds<=9){
seconds="0"+seconds}

countdown = countdown - 1;
if (countdown < 0) countdown = 600;

var html = ""
html += "Klokken: " + hours + ":" + minutes + ":" + seconds;
html += "<br><br>";
html += "Nedtælling: " + countdown;

document.getElementById("klokken").innerHTML = html;
setTimeout("tid()", 1000);

}
</script>

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 00:08 #2

Ser fint ud! men kan du ikke dele dem op i 2 classes da jeg skal kalde dem frem 2 forskellige steder? :)

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:09 #3

Ændringer:


<span id="klokken"></span>

<br><br>


<span id="nedtaelling"></span>

og:

countdown = countdown - 1;
if (countdown < 0) countdown = 600;

document.getElementById("klokken").innerHTML = "Klokken: " + hours + ":" + minutes + ":" + seconds;
document.getElementById("nedtaelling").innerHTML = "Nedtælling: " + countdown;

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:09 #4

Tænkte jeg nok at du ville ha' ;-)

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:12 #5

Jeg tror godt at du kan slette:
var dn=""
if (hours>=24)
dn=""

Det var fra et gammel eksempel jeg arbejdede med..

Synes godt om

o-zone Nybegynder

20. januar 2004 - 00:15 #6

1)
---8<----------
<body onload="setInterval('ur();',1000); return true;">
<script language="javascript" type="text/javascript">
function to2Cifre(tal){
if (tal<1) { return "00"; }
if (tal<10) { return "0"+tal; }
return tal;
}

function ur(){
var dato = new Date();
var tid = new Array(3);
tid[0] = to2Cifre(dato.getHours());
tid[1] = to2Cifre(dato.getMinutes());
tid[2] = to2Cifre(dato.getSeconds());

document.getElementById("uret").innerHTML=tid[0]+":"+tid[1]+":"+tid[2];
}
</script>
<div id="uret"></div>
---8<----------

2)
---8<----------
<body onload="countdown(); return true;">
<script language="javascript" type="text/javascript">
var tal=600;
function countdown(){
document.getElementById("counter").innerHTML=tal;
tal--;
if (tal>=0) { setTimeout("countdown();",1000); }
}
</script>
<div id="counter"></div>
---8<----------
(-:H@zze

Synes godt om

o-zone Nybegynder

20. januar 2004 - 00:17 #7

erhmmm :-O ... guuud hvor var der kommet mange indlæg siden jeg refreshede sidst! :"-)

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:18 #8

hahaha :)
Sådan kan det gå ;-)

Synes godt om

o-zone Nybegynder

20. januar 2004 - 00:23 #9

thesurfer>>> hov - jeg ser lige at citat: "Det var et gammelt eksempel jeg arbejdede med.."

- jamen DET ER JO SNYD! :-P~

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:25 #10

hehe :) det var jo kun noget af det der var fra et "gammelt eksempel" :)

talker> Kan du bruge det? Her er et svar du kan acceptere :)

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 00:26 #11

http://212.242.60.87/chat/test.php

Den laver nedtælling 2 gange? :)

Synes godt om

roenving Novice

20. januar 2004 - 00:28 #12

>>o-zone 00:23:40

-- faktisk er et acceptabelt svar ofte bare et link (måske til et tidligere spørgsmål på E* !-)

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 00:28 #13

yes sir :=)

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:33 #14

Fjern den her del:

var html = ""
html += "Klokken: " + hours + ":" + minutes + ":" + seconds;
html += "<br><br>";
html += "Nedtælling: " + countdown;

document.getElementById("klokken").innerHTML = html;

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:34 #15

Hele koden ser sådan ud:

<body onload="tid();">


<span id="klokken"></span>

<br><br>


<span id="nedtaelling"></span>

<script type="text/JavaScript">
countdown = 600;
countdown = countdown + 1;

function tid()
{
var mydate=new Date();
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()

if (hours>24){
hours=hours-24}

if (hours==0){
hours=24}

if (minutes<=9){
minutes="0"+minutes}

if (seconds<=9){
seconds="0"+seconds}

countdown = countdown - 1;
if (countdown < 0) countdown = 600;

document.getElementById("klokken").innerHTML = "Klokken: " + hours + ":" + minutes + ":" + seconds;
document.getElementById("nedtaelling").innerHTML = "Nedtælling: " + countdown;
setTimeout("tid()", 1000);

}
</script>

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 00:35 #16

Smukt :) Tak for hjælpen, og godnat ;)

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:35 #17

Takker for points, og godnat :)

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:39 #18

Hvis du foretrækker at timetallet er "00" i stedet for "24":

if (hours==0){
hours="00"}

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 00:40 #19

hehe nu kan jeg slet ikke få det til at fungere når jeg skal implementere det i mit design :P Gnu agtigt men jeg må vel bare prøve mig frem.

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 00:44 #20

'document.getElementByld(...)' er null eller ikke et objekt

Kan jo godt sige mig selv at det er mig der placere noget forkert her :)

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 00:46 #21

Sådan... blandt andet fordi jeg ikke kaldte begge funktioner frem, men det fungere fint nu.

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 00:51 #22

det er fordi dine id=".." skal placeres før "document.getElementById(..." linierne..

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 00:52 #23

Er det muligt at dele de 2 op i 2 scripts? Det er mere fordi uret skal fungere hele tiden men selve countdown kun skal bruges når man er logget ind...

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 01:02 #24

Ja, det kan man godt..

du checker bare om man er logget ind.. hvis man er det, indsættes:

<script type="text/JavaScript">
var countdown = 600;
countdown = countdown + 1;

function tael_ned()
{
countdown = countdown - 1;
if (countdown < 0) countdown = 600;
document.getElementById("nedtaelling").innerHTML = "Nedtælling: " + countdown;
setTimeout("tael_ned()", 1000);
}
</script>

Synes godt om

thesurfer Nybegynder

20. januar 2004 - 01:04 #25

rettelse til slutning af scriptet:

tael_ned();
</script>

Så aktiveres den med det samme.. Navnet på funktionen er nu "tael_ned()"..

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 09:33 #26

Jeg har modificeret uret så den kan kører selv... på metoden øverst... men jeg ser ikke ud til at kunne få aktiveret det nedtællings ur... og den melder heller ikke li enogen fejl?

<script type="text/JavaScript">

function tid()
{
var mydate=new Date();
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()

if (hours>24){
hours=hours-24}

if (hours==0){
hours=24}

if (minutes<=9){
minutes="0"+minutes}

if (seconds<=9){
seconds="0"+seconds}

document.getElementById("klokken").innerHTML = "Klokken: " + hours + ":" + minutes + ":" + seconds;
setTimeout("tid()", 1000);

}
</script>
<?
if(!$_SESSION[chat_u]) {
echo "
<script type=\"text/JavaScript\">
var countdown = 600;
countdown = countdown + 1;

function tael_ned()
{
countdown = countdown - 1;
if (countdown < 0) countdown = 600;
document.getElementById(\"nedtaelling\").innerHTML = \"Nedtælling: \" + countdown;
setTimeout(\"tael_ned()\", 1000);
}
tael_ned();
</script>
";

}
?>
<body onload="tid();">

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 15:57 #27

thesurfer> Er koden korrekt?

Synes godt om

jammerlab Nybegynder

20. januar 2004 - 19:10 #28

Puha... har rodet med det et stykke tid nu... jeg syntes koden var lidt forskruet... men jeg har bikset det sammen så det fungere efter det jeg ville :)

DONE!!

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS