Nedräknare

miniman_90 · Post by **miniman_90** » 2007-12-01 16:41:47

Är det svårt att göra en nedräknare som räknar ner till julafton på en webbsida?

madr · Post by **madr** » 2007-12-01 17:36:12

Spixx · Post by **Spixx** » 2007-12-01 19:41:14

Head:

<script type="text/javascript">
		<!-- hide script
			//change your event date event here.
			var eventdate = new Date("December 27, 2006 17:00:00 GMT");
			
			 function toSt(n)
			 {s=""
			  if(n<10) s+="0"
			  return s+n.toString();
			 }
			 
			 function countdown()
			 {cl=document.clock;
			  d=new Date();
			  count=Math.floor((eventdate.getTime()-d.getTime())/1000);
			  if(count<=0)
			    {cl.days.value ="----";
			     cl.hours.value="--";
			     cl.mins.value="--";
			     cl.secs.value="--";
			     return;
			    }
			  cl.secs.value=toSt(count%60);
			  count=Math.floor(count/60);
			  cl.mins.value=toSt(count%60);
			  count=Math.floor(count/60);
			  cl.hours.value=toSt(count%24);
			  count=Math.floor(count/24);
			  cl.days.value=count;    
			  
			  setTimeout("countdown()",500);
			 }
			// end script -->
			
			</script>

Body:

Code: Select all

<body onLoad="countdown()">
		
		<div id="content">
		
		<div style="border: 1px dotted #000; text-align: center;">
		<form name="clock">
		<input name="days" size=4 disabled="disabled"> Dagar,
		<input name="hours" size=2 disabled="disabled"> Timmar,
		<input name="mins" size=2 disabled="disabled"> Minuter och
		<input name="secs" size=2 disabled="disabled"> Sekunder Kvar till Santas Nightmare.
		</form> 
		</div>
</body>

Css

Code: Select all

input {
	border: 0px;
	width: 3%;
	margin: 0px;
	font-weight: bold;
	text-align: center;
}

input:disabled {
	color: #000;
	background-color: #FFF;
}

miniman_90 · Post by **miniman_90** » 2007-12-01 20:13:22

jag lyckas inte få det att funka till 100%... jag har bara streck i boxarna där tiden ska stå... vad ska jag ändra i koden?

DeCaff · Post by **DeCaff** » 2007-12-01 20:18:48

Kolla i Headern.

Spixx · Post by **Spixx** » 2007-12-01 20:25:11

javascripten ska stå i headern?

miniman_90 · Post by **miniman_90** » 2007-12-01 20:29:33

jag löste det... det var inte satt på fel ställe utan jag hade bara inte ändrat datumet... det var satt på 27 december 2006 och dt har ju redan varit.

Men nu funkar det.... Tack för hjälpen!

miniman_90 · Post by **miniman_90** » 2007-12-01 20:37:28

kom på en sak till

var i koden är utséendet för de gråa boxarna med tiden i?
Skulle vilja ha dem lite roligare... de ser lite tråkiga ut... hehe

ligger den i CSS:en?
i så fall:
hur använder jag den... jag kan inte CSS

Spixx · Post by **Spixx** » 2007-12-01 20:39:14

ligger en style för input med. antingen lägger du den i ett annat dokument :p eller så lägger du den i texten.

miniman_90 · Post by **miniman_90** » 2007-12-01 20:42:17

ursäkta mitt okunnande men det där fattade jag inte

Spixx · Post by **Spixx** » 2007-12-01 20:44:09

Lägg detta inom head taggen

<style type="text/css">

</style>

simon.lycksele · Post by **simon.lycksele** » 2007-12-01 23:44:28

Jag vet ej om detta kan vara till hjälp...
http://www.time55.com/sv/speciella_nedr ... lafton.php

miniman_90 · Post by **miniman_90** » 2007-12-02 0:28:36

nej men tack ändå.... jag har fixat de nu.
Tack vare SpiXx^

Den ligger på min index nu...
http://www.albineriksson.com