Hi guys,
I have got a problem with my timer variable in javascript. I can't be able to start the timer every one second to input the clock time in my webpage. I tried to find out but i can't find the solution.
here is the html code:
<html>
<body>
<style type="text/css">
#mytextfont {
font-family:Arial;
font-size:43px;
font-style:normal;
font-weight:normal;
color:e5ee6f;
text-decoration:none;
text-transform:none;
position:absolute;
visibility:hidden;
overflow:hidden;
left:50px; top:40px; width:376px; height:90px;
z-index:0;
}
<span id="text1">this is a text</span>
<div id="image1" style="position:absolute; overflow:hidden; left:328px; top:7px; width:164px; height:102px; z-index:0"><img src="/images/picture1.jpg" alt="" title="" border=0 width=164 height=102></div>
<div id="image2" style="position:absolute; overflow:hidden; left:492px; top:7px; width:201px; height:102px; z-index:0"><img src="/images/picture2.jpg" alt="" title="" border=0 width=211 height=102></div>
<script type="text/javascript" src="keyboard.js"></script>
</body>
</html>
key.js:
function clocktimer()
{
var date = new Date();
var weekday=new Array(7);
weekday[0]="Sun";
weekday[1]="Mon";
weekday[2]="Tue";
weekday[3]="Wed";
weekday[4]="Thurs";
weekday[5]="Fri";
weekday[6]="Sat";
var months=new Array(11);
months[0]="January";
months[1]="February";
months[2]="March";
months[3]="April";
months[4]="May";
months[5]="June";
months[6]="July";
months[7]="August";
months[8]="September";
months[9]="October";
months[10]="November";
months[11]="December";
var d = date.getDate();
var h = today.getHours();
var m = today.getMinutes();
document.getElementById("datetime").innerHTML =+ h+':'+ m+' '+ weekday[date.getDay()]+' '+ d+' '+ months[date.getMonth()];
}
document.onkeydown = function(ev)
{
ev = ev || event;
key = ev.keyCode || ev.which;
var image1 = document.getElementById("image1").getElementsByTagName("img")[0];
var image2 = document.getElementById("image2").getElementsByTagName("img")[0];
if(key == 13)
{
var img1 = image1.src;
var img2 = image2.src;
if (img1.indexOf('picture1_yellow.jpg') != -1)
{
if (img2.indexOf('picture2_yellow.jpg') != -1)
{
document.getElementById("text1").style.visibility = "visible";
document.getElementById("image1").style.visibility = "hidden";
document.getElementById("image2").style.visibility = "hidden";
setInterval("clocktimer",1000);
}
}
}
Do you know how i can start the timer in javascript in every one second while update the text in html page?
Any advice would be much appreicated.
Thanks in advance