Validering af Javascript.
Hej Eksperter.Jeg har kodet et nedtællings ur, men da Javascript koden står mellem </body> </html>, vil den ikke valideres på w3c validerings side.
Hvis jeg sætter koden i head'eren tæller nedtælleren ikke ned, og hvis man sætter javascript koden i et dokument for sig selv, virker dette heller ikke.
please help me :)
<html>
<head>
<style>.background {
border-style: none;
width: 62px;
height: 58px;
}
.numbers {
border-style: none;
background-color: #292929;
padding: 0px;
width: 62px;
height: 42px;
text-align: center;
font-family: Arial;
font-size: 34px;
font-weight: normal; /* options are normal, bold, bolder, lighter */
color: #f18b49; /* change color using the hexadecimal color codes for HTML */
margin-top:200px;
margin-left:18%;
}
.title { /* the styles below will affect the title under the numbers, i.e., "Days", "Hours", etc. */
border: none;
padding: 0px;
margin: 0px 3px;
width:10%;
text-align: center;
font-family: Arial;
font-size: 10px;
font-weight: normal; /* options are normal, bold, bolder, lighter */
color: #999999; /* change color using the hexadecimal color codes for HTML */
background-color: #000000;
margin-top:203px;
margin-left:18.5%;
}
#form { /* the styles below will affect the outer border of the countdown timer */
width: 50%;
height: 80px;
border-style: solid; /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
border-width: 2px;
border-color: #666666; /* change color using the hexadecimal color codes for HTML */
background-color: #000000;
padding: 5px;
margin-left:26%;
margin-top:50px;
}
.line {
width: 62px;
height: 2px;
z-index: 15;
}
</style>
</head>
<body>
<div id="form">
<div class="numbers" id="count2" style="position: absolute; top: 10px; height: 60px; padding: 15px 0 0 10px; background-color: #000000; z-index: 20;"></div>
<div class="numbers" id="dday" style="position: absolute; left: 69px; top: 21px;" ></div>
<div class="numbers" id="dhour" style="position: absolute; left: 141px; top: 21px;" ></div>
<div class="numbers" id="dmin" style="position: absolute; left: 213px; top: 21px;" ></div>
<div class="numbers" id="dsec" style="position: absolute; left: 285px; top: 21px;" ></div>
<div class="title" id="days" style="position: absolute; left: 66px; top: 73px;" >Dage</div>
<div class="title" id="hours" style="position: absolute; left: 138px; top: 73px;" >Timer</div>
<div class="title" id="minutes" style="position: absolute; left: 210px; top: 73px;" >Minutter</div>
<div class="title" id="seconds" style="position: absolute; left: 282px; top: 73px;" >Sekunder</div>
</div><!--form-->
</body>
<script language="javascript" type="text/javascript">
/* Change the items below to create your countdown target date and announcement once the target date and time are reached. */
var current="Så er ølfesten skydt i gang!"; //—>enter what you want the script to display when the target date and time are reached, limit to 20 characters
var year=2013; //—>Enter the count down target date YEAR
var month=05; //—>Enter the count down target date MONTH
var day=23; //—>Enter the count down target date DAY
var hour=15; //—>Enter the count down target date HOUR (24 hour clock)
var minute=00; //—>Enter the count down target date MINUTE
var tz=+1;
/* DO NOT CHANGE THE CODE BELOW! */
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
function countdown(yr,m,d,hr,min){
theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
var today=new Date();
var todayy=today.getYear();
if (todayy < 1000) {
todayy+=1900; }
var todaym=today.getMonth();
var todayd=today.getDate();
var todayh=today.getHours();
var todaymin=today.getMinutes();
var todaysec=today.getSeconds();
var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
var dd=futurestring-todaystring;
var dday=Math.floor(dd/(60*60*1000*24)*1);
var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
document.getElementById('count2').innerHTML=current;
document.getElementById('count2').style.display="inline";
document.getElementById('count2').style.width="390px";
document.getElementById('dday').style.display="none";
document.getElementById('dhour').style.display="none";
document.getElementById('dmin').style.display="none";
document.getElementById('dsec').style.display="none";
document.getElementById('days').style.display="none";
document.getElementById('hours').style.display="none";
document.getElementById('minutes').style.display="none";
document.getElementById('seconds').style.display="none";
return;
}
else {
document.getElementById('count2').style.display="none";
document.getElementById('dday').innerHTML=dday;
document.getElementById('dhour').innerHTML=dhour;
document.getElementById('dmin').innerHTML=dmin;
document.getElementById('dsec').innerHTML=dsec;
setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);
}
}
countdown(year,month,day,hour,minute);
</script>
</html>
