Avatar billede warren78 Nybegynder
19. marts 2008 - 16:42 Der er 6 kommentarer og
1 løsning

Countdown and redirect.

Jeg har prøvet alt hvad jeg kunne for at finde frem til et godt countdown-script, men har ikke fundet lige præcis det jeg søger efter. Her er der et script jeg er tilfreds med, hvis der altså er nogen der bare lige ændre lidt ved det, for det aner jeg ikke noget om.

<html>
<head>
<script type="text/javascript" language="javascript">
var iMinutes=0;
var iSeconds=30;
var sRedirect="results.htm";
function CountDown(){
    if(iSeconds==0){
        iMinutes--;
        iSeconds=59;
    }else{
        iSeconds--;
        if(iMinutes==0&&iSeconds==0)window.location.href=sRedirect
    }
    document.getElementById("countdown").firstChild.nodeValue=iMinutes+":"+iSeconds
}
window.onload=function(){window.setInterval("CountDown()",1000)}
</script>
</head>
<body>

<div id="countdown">&nbsp;</div>

</body>
</html>

Problemet er at når tiden løber ud, så går den hen på results.htm - men min countdown skal bruges til en quiz, og tælle nogen point sammen, men det gør den countdown ikke. Hvis man trykker på 'Scor mig knappen', så viser den rigtigt nok et resultat http://www.yalla.dk/2706/popquiz.htm - kan man lave det sådan at hvis tiden udløber så trykker 'computeren' selv på denne knap så den går hen og viser resultatet.

Et andet problem, er at tiden er i toppen, jeg kunne godt tænke mig at brugeren hele tiden kan få øje på hvor meget tid der er tilbage, uden at skulle scrolle op og ned hele tiden. Jeg syntes ikke at det er fedt at smide tiden ind i en frame, så kunne ændre et par linier i scriptet så tiden den kommer til at stå nede i browser viduets venstre side.

Jeg vil blive utrolig glad hvis nogen ville hjælpe mig med det her ;-)
Avatar billede jhe-ting Nybegynder
20. marts 2008 - 22:47 #1
Erstat
  ...  window.location.href=sRedirect
med
  ...  gradeIt()
i funktionen 'CountDown'
Avatar billede jhe-ting Nybegynder
20. marts 2008 - 23:05 #2
Ret

  <div id="countdown">&nbsp;</div>

til

  <div id="countdown" style="position:absolute; left:500px">&nbsp;</div>

og tilføj

  document.getElementById("countdown").style.top=10+parseInt(document.body.scrollTop)+"px"

til starten af funktionen 'CountDown'. ;)

Så vil uret "flyde" øverst til højre.
Avatar billede jhe-ting Nybegynder
20. marts 2008 - 23:06 #3
Lad høre om du kan bruge det...
Avatar billede warren78 Nybegynder
21. marts 2008 - 00:03 #4
Jeg har siddet hele dagen for at opdateret siden for at se om der er kommet svar, nu er der endelig sket noget, jubii.

Kan du ikke skrive hele koden jeg skal bruge, for jeg sidder og fumler med det du skriver, jeg er bedst til at copy and paste. :-)

Feks har jeg ændret
window.location.href=sRedirect til slet og ret med gradeIt()- og det virker ikke, har også prøvet at skrive det sådan her.
window.location.href=gradeIt()- men ingen af tingene dur, jeg er faktisk ikke så kvik til det her :-(
Avatar billede warren78 Nybegynder
21. marts 2008 - 01:46 #5
Jeg har fået det til at virke delvist i hvert fald. Jeg har rettet dit gradeIt()
til gradeit()!!!

Men når tiden løber ud går den hen på sådan en side her: http://www.yalla.dk/2706/undefined
Avatar billede warren78 Nybegynder
21. marts 2008 - 02:04 #6
Det 'sjove' ved det hele er at vis man sletter undefined, og skriver results.htm ind, så 'husker' giver den det rigtige resultat. Meget mærkeligt :-)
Avatar billede jhe-ting Nybegynder
21. marts 2008 - 20:03 #7
<html>
<head>
<script type="text/javascript" language="javascript">
var iMinutes=0;
var iSeconds=30;
var sRedirect="results.htm";
function CountDown(){
    document.getElementById("countdown").style.top=10+parseInt(document.body.scrollTop)+"px";
    if(iSeconds==0){
        iMinutes--;
        iSeconds=59;
    }else{
        iSeconds--;
        if(iMinutes==0&&iSeconds==0)gradeit();
    }
    document.getElementById("countdown").firstChild.nodeValue=iMinutes+":"+iSeconds
}
window.onload=function(){window.setInterval("CountDown()",1000)}
</script>
</head>
<body>

<div id="countdown" style="position:absolute; left:500px">&nbsp;</div>

</body>
</html>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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