Avatar billede clausgh Nybegynder
25. november 2007 - 15:09 Der er 13 kommentarer og
1 løsning

Counter der tæller op fra 0:00

Hej.

Jeg leder efter et script eller lignende, som kan tælle minutter og evt sekunder fra 0 og opad.

fx. 0:14 (0 minutter og 14 sekunder)
eller 33:56 (33 minutter og 56 sekunder)

Det skal ikke være sådan at den starter forfra hvis der opdateres, så jeg går ud fra at der skal bruges et starttidspunkt, hvorfra den tæller, sådan så hvis tidspunktet er klokken 14.00, så står timeren på 2:41 når klokken er 14:02:41

Håber nogen kan hjælpe - har ikke så meget erfaring med scripts og sådan noget...

VH. Claus
Avatar billede roenving Novice
25. november 2007 - 15:14 #1
Principielt er det meget simpelt, men jeg havde åbenbart ikke en udgave liggende, så den skal lige laves, øjebbik !-)
Avatar billede clausgh Nybegynder
25. november 2007 - 15:22 #2
Det lyder godt. Tak for det hurtige svar
Avatar billede roenving Novice
25. november 2007 - 15:23 #3
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/807474">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script language="javascript" type="text/javascript">
var start = new Date();
window.onload = function(){
  setInterval("update()",1000);
}
function update(){
  var nu = new Date();
  var min = nu.getMinutes() - start.getMinutes();
  min += (nu.getHours() - start.getHours()) * 60;
  var sec = nu.getSeconds() - start.getSeconds();
  if(sec<0){
    sec += 60;
    min -= 1;
  }
  document.getElementById("minSpan").firstChild.nodeValue = "Du har været " + twoDigits(min) +":" + twoDigits(sec) + " på denne side."
}
function twoDigits(num){
  return num < 10 ? "0" + num : num;
}
</script>
</head>
<body>

<span id="minSpan">En span-tekst</span>

</body>

</html>
Avatar billede clausgh Nybegynder
25. november 2007 - 15:26 #4
Men på denne måde starter den jo forfra når siden opdateres. Det er ikke meningen. Den skal blive ved med at tælle....
Avatar billede roenving Novice
25. november 2007 - 15:27 #5
-- det havde jeg overset, eller rettere, jeg havde læst det som om den netop skulle !-)
Avatar billede clausgh Nybegynder
25. november 2007 - 15:28 #6
Det er okay ;)
Men det gør det vel lidt sværere så?
Avatar billede roenving Novice
25. november 2007 - 15:33 #7
Jepz, der skal arbejdes lidt med cookies, sådan:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/807474">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script language="javascript" type="text/javascript">
var start = new Date();
window.onload = function(){
  var c = document.cookie;
  if(c){
    c = c.split("starttime=")[1].split(";")[0];
    start = new Date(c);
  }else
    document.cookie = "starttime=" + start.toGMTString();
  update();
  setInterval("update()",1000);
}
function update(){
  var nu = new Date();
  var min = nu.getMinutes() - start.getMinutes();
  min += (nu.getHours() - start.getHours()) * 60;
  var sec = nu.getSeconds() - start.getSeconds();
  if(sec<0){
    sec += 60;
    min -= 1;
  }
  document.getElementById("minSpan").firstChild.nodeValue = "Du har været " + twoDigits(min) +":" + twoDigits(sec) + " på denne side."
}
function twoDigits(num){
  return num < 10 ? "0" + num : num;
}
</script>
</head>
<body>

<span id="minSpan">En span-tekst</span>

</body>

</html>
Avatar billede clausgh Nybegynder
25. november 2007 - 15:37 #8
Kan det ikke laves med et starttidspunkt. den skal bare tælle fra et bestemt tidspunkt, den skal ikke tælle det tidsrum som personen har været på siden..

Håber ikke jeg er for besværlig - har måske ikke forklaret det så tydeligt..
Avatar billede roenving Novice
25. november 2007 - 15:40 #9
Den havde jeg liggende !-)

Se f.eks. http://www.eksperten.dk/spm/375591, du kan bare fjerne den nedtælling, der også er der !o]
Avatar billede roenving Novice
25. november 2007 - 15:49 #10
-- og en opadteret version,,den er måske ikke lige hlt ny:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/807474">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script language="javascript" type="text/javascript">
var start = new Date(2007,10,25,12,0,0);// 1/12-2007 12:00:00, måneder bruges i et Date-objekt som et index, og er en mindre en månedsnummeret !-)
window.onload = function(){
  setInterval("update()",1000);
}
function update(){
  var nu = new Date();
  var min = nu.getMinutes() - start.getMinutes();
  min += (nu.getHours() - start.getHours()) * 60;
  var sec = nu.getSeconds() - start.getSeconds();
  if(sec<0){
    sec += 60;
    min -= 1;
  }
  document.getElementById("minSpan").firstChild.nodeValue = "Tid siden kl. 12:00 " + twoDigits(min) +":" + twoDigits(sec) + " min."
}
function twoDigits(num){
  return num < 10 ? "0" + num : num;
}
</script>
</head>
<body>

<span id="minSpan">En span-tekst</span>

</body>

</html>
Avatar billede clausgh Nybegynder
25. november 2007 - 15:50 #11
Sådan ;)

tak skal du have. nu ser det ud til at virke
Avatar billede roenving Novice
25. november 2007 - 15:50 #12
-- og new Date(2007,10,25,12,0,0) betyder 25/11-2007 12:00:00 !-)
Avatar billede roenving Novice
25. november 2007 - 15:50 #13
Velbekomme '-)
Avatar billede roenving Novice
25. november 2007 - 16:02 #14
-- og tak for point ;~}
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