Flashing Clock

@nbcrockett

Copy linkTweet thisAlerts:

Sep 08.2007

I’ve got a clock that updates the time every second and works like a charm, but in some browsers (Firefox 1.x) all the text flashes instead of just what needs to be changed. Any ideas on how to fix? Thanks!

Javascript in external file:

[CODE]
function cmdClock(){
var date = new Date()
var year = date.getFullYear()
var month = date.getMonth()
var day = date.getDate()
var weekday = date.getDay()
var hour = date.getHours()
var minute = date.getMinutes()
var second = date.getSeconds()
var AMPM = “AM”
minute = cmdLessThanTen(minute)
second = cmdLessThanTen(second)
month = cmdMonth(month)
weekday = cmdWeekday(weekday)
if(hour>11&&hour<24){
AMPM = “PM”
}
if(hour>12){
hour = hour – 12
}
document.getElementById(“DynamicClock”).innerHTML = “It’s ” + hour + “:” + minute + “:” + second + ” ” + AMPM + ” on<br/>” + weekday + “, ” + month + ” ” + day + “, ” + year
t=setTimeout(‘cmdClock()’,1000)
}
function cmdLessThanTen(i){
if (i<10){
i = “0” + i
}
return i
}
function cmdMonth(m){
switch(m){
case 0:
m = “January”
break
case 1:
m = “February”
break
case 2:
m = “March”
break
case 3:
m = “April”
break
case 4:
m = “May”
break
case 5:
m = “June”
break
case 6:
m = “July”
break
case 7:
m = “August”
break
case 8:
m = “September”
break
case 9:
m = “October”
break
case 10:
m = “November”
break
case 11:
m = “December”
break
}
return m
}
function cmdWeekday(w){
switch(w){
case 0:
w = “Sunday”
break
case 1:
w = “Monday”
break
case 2:
w = “Tuesday”
break
case 3:
w = “Wednesday”
break
case 4:
w = “Thursday”
break
case 5:
w = “Friday”
break
case 6:
w = “Saturday”
break
}
return w
}
[/CODE]

HTML:

[CODE]
<div id=”DynamicClock”></div>
[/CODE]

Also in #JavaScript _↴