---
title: "Hur funkar detta"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/69205-hur-funkar-detta"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mr.mainline"
published: "2003-02-24T10:54:37.000Z"
updated: "2003-02-24T12:02:26.000Z"
replies: 2
views: 227
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/69205-hur-funkar-detta"
---

# Hur funkar detta

## #1 — mr.mainline, 2003-02-24T10:54Z

Tjenare!!!! jag har lagt in en ner räknare på min sida som ser ut så här:
\<form name="cform"\>
\<input type="text" name="disp" size=28 style="width: 300px;"\>
\</form\>
\<script type="text/javascript"\>
/\* Detta script finns att hämta på <http://www.jojoxx.net> och
   får användas fritt så länge som dessa rader står kvar. \*/

var year = 2010;
var month = 1;
var day = 1;

// Do not edit lines below.
var then = new Date(year,month-1,day);
function runMany(){
	var now = new Date();
	if (now \< then){
		var days  = Math.floor((then-now)/(1000\*60\*60\*24));
		var hours = Math.floor((then-now-days\*1000\*60\*60\*24)/(1000\*60\*60));
		var mins  = Math.floor((then-now-days\*1000\*60\*60\*24-hours\*1000\*60\*60)/(1000\*60));
		var secs  = Math.floor((then-now-days\*1000\*60\*60\*24-hours\*1000\*60\*60-mins\*1000\*60)/(1000));
		var tsecs = Math.floor((then-now-days\*1000\*60\*60\*24-hours\*1000\*60\*60-mins\*1000\*60-secs\*1000)/(100));
		document.cform.disp.value = days + " dagar, " + hours + " timmar, " + mins + " minuter, " + secs + ":" + tsecs + " sekunder.";
	}
	setTimeout("runMany();",100);
}
runMany();
\</script\>

och vill ändra lite på utseendet,typ ändra färg och bakgrund och typsnitt och var inne på <https://www.webdesignskolan.com> och frågade på deras forum och fick detta till svars:
Använd CSS för att styla nedräkningen.

Ex: (lägg mellan \<head\> & \</head\>)
\-----
\<style type="text/css"\>
\<!--
input
{
font-family: verdana; //Fonten du vill använd
font-size: 10pt; //Fontens storlek
color: #FF0000; //Fontens färg
background-color: #999911; //Bakgrundens färg
}
\--\>
\</style\>
\-----

Men jag får det inte att funka,är det någon som kan förklara detta på ett engkelt sätt.
Själva ner räkningen hittar ni på <http://trax.to/carp> 

//Mr.Mainline

Permalänk: https://www.webforum.nu/p/69205

## #2 — Web-Tor, 2003-02-24T11:09Z

```
<html>
<head>
 <style type="text/css"> 
 <!-- 
 input 
 { 
  font-family: verdana; 
  font-size: 22px;
  color: #FF0000; 
  background-color: #0000FF;
 } 
 --> 
</style> 

</head>

<body>
 <form name="cform"> 
 <input type="text" name="disp" size="60" style="width: 600px;"> 
 </form>

 <script type="text/javascript"> 
 /* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och 
 får användas fritt så länge som dessa rader står kvar. */ 

 var year = 2010; 
 var month = 1; 
 var day = 1; 

 // Do not edit lines below. 
 var then = new Date(year,month-1,day); 
 function runMany(){ 
 var now = new Date(); 
 if (now < then){ 
 var days = Math.floor((then-now)/(1000*60*60*24)); 
 var hours = Math.floor((then-now-days*1000*60*60*24)/(1000*60*60)); 
 var mins = Math.floor((then-now-days*1000*60*60*24-hours*1000*60*60)/(1000*60)); 
 var secs = Math.floor((then-now-days*1000*60*60*24-hours*1000*60*60-mins*1000*60)/(1000)); 
 var tsecs = Math.floor((then-now-days*1000*60*60*24-hours*1000*60*60-mins*1000*60-secs*1000)/(100)); 
 document.cform.disp.value = days + " dagar, " + hours + " timmar, " + mins + " minuter, " + secs + ":" + tsecs + " sekunder."; 
 } 
 setTimeout("runMany();",100); 
 } 
 runMany(); 
</script>
 
</body>

</html>
```

Permalänk: https://www.webforum.nu/p/959825

## #3 — mr.mainline, 2003-02-24T12:02Z

Tusen tack..nu funkar det

Permalänk: https://www.webforum.nu/p/959865

---

Tråden på webben: https://www.webforum.nu/amne/html-css/69205-hur-funkar-detta
