Hur funkar detta

2 svar · 227 visningar · startad av mr.mainline 24 feb. 2003

mr.mainlineMedlem sedan feb. 2003777 inlägg

24 feb. 2003 10:54#1

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">

</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

Web-TorMedlem sedan nov. 200013 890 inlägg

24 feb. 2003 11:09#2

<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>

mr.mainlineMedlem sedan feb. 2003777 inlägg

24 feb. 2003 12:02#3

Tusen tack..nu funkar det