Sekundräknare html!

2011-05-05 20:03

Permalänk

ost486

Medlem

Plats: /dev/sda1
Registrerad: Feb 2011

●

Sekundräknare html!

Hejsan! Hur gör man en räknare, som ökar med 1 varje sekund (alltså som ett tidtagarur) i html?

Rapportera Redigera

Citera flera Citera

2011-05-05 20:19

Permalänk

Teknocide

Medlem ★

Registrerad: Sep 2007

●

Skrivet av #banankaka:

Hejsan! Hur gör man en räknare, som ökar med 1 varje sekund (alltså som ett tidtagarur) i html?

Gå till inlägget

Det går inte att göra i HTML, men du kan använda Javascript.

Visa signatur

Kom-pa-TI-bilitet

Rapportera Redigera

Citera flera Citera

2011-05-05 20:34

Permalänk

alexandernajafi

Medlem

Plats: Lund
Registrerad: Feb 2011

●

som ovan. Html är ej dynamiskt och kan ej köras i "realtid" Html körs i webbläsaren när sidan laddas, och kan sen inte ändras. Med hjälp av javascript kan du dock fixa ett tidtagarur !

Rapportera Redigera

Citera flera Citera

2011-05-05 20:35

Permalänk

aadam1337

Medlem

Plats: Gävle
Registrerad: Aug 2008

●

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>1 second counter</title>
<style type="text/css">

input {
border: 0;
font: inherit;
}

</style>
<script type="text/javascript">

function plusOne() {

// If using an input element value...
var inputEl = document.getElementById('inputEl');
inputEl.value = parseInt(inputEl.value) + 1;

// If using the content ('childNode') of an id element...
var spanEl = document.getElementById('spanEl');
spanEl.childNodes[0].nodeValue = ( parseInt(spanEl.childNodes[0].nodeValue) + 1 );

}

var stop = setInterval("plusOne()",1000);

window.onload = plusOne;

</script>
</head>
<body>

<p>Counter: <input value="0" id="inputEl" type="text" size="7" readonly="readonly" /></p>
<p>Counter: <span id="spanEl">0</span></p>

</body>
</html>

Detta bör fungera!

Visa signatur

Chassi:Corsair 4000D Mobo: Aorus B550 Elite V2 CPU: Ryzen 5600X RAM: 16GB Corsair vengeance 3600Mhz. GPU: Gigabyte 2070 OC Super

Rapportera Redigera

Citera flera Citera

2011-05-06 15:13

Permalänk

ost486

Medlem

Plats: /dev/sda1
Registrerad: Feb 2011

●

Skrivet av alexandernajafi:

som ovan. Html är ej dynamiskt och kan ej köras i "realtid" Html körs i webbläsaren när sidan laddas, och kan sen inte ändras. Med hjälp av javascript kan du dock fixa ett tidtagarur !

Gå till inlägget

Ah,tack, inte så bra på html än, har precis börjat..

Skrivet av aadam1337:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>1 second counter</title>
<style type="text/css">

input {
border: 0;
font: inherit;
}

</style>
<script type="text/javascript">

function plusOne() {

// If using an input element value...
var inputEl = document.getElementById('inputEl');
inputEl.value = parseInt(inputEl.value) + 1;

// If using the content ('childNode') of an id element...
var spanEl = document.getElementById('spanEl');
spanEl.childNodes[0].nodeValue = ( parseInt(spanEl.childNodes[0].nodeValue) + 1 );

}

var stop = setInterval("plusOne()",1000);

window.onload = plusOne;

</script>
</head>
<body>

<p>Counter: <input value="0" id="inputEl" type="text" size="7" readonly="readonly" /></p>
<p>Counter: <span id="spanEl">0</span></p>

</body>
</html>

Detta bör fungera!

Gå till inlägget

Det funkade! Tack så mycket!

Rapportera Redigera

Citera flera Citera

Sekundräknare html!

Sekundräknare html!

Externa nyheter

Spelnyheter från FZ