/*
JavaScript Bible, Fourth Edition
by Danny Goodman
John Wiley & Sons CopyRight 2001
*/
getExpression(), setExpression(), and recalc() Methods
TH {text-align:right}
SPAN {vertical-align:bottom}
var now = new Date()
var shortWidth = 5
var multiple = 2.5
function init() {
with (document.all) {
hoursBlock.style.setExpression("width",
"now.getHours() * shortWidth * multiple","jscript")
hoursLabel.setExpression("innerHTML",
"now.getHours()","jscript")
minutesBlock.style.setExpression("width",
"now.getMinutes() * shortWidth","jscript")
minutesLabel.setExpression("innerHTML",
"now.getMinutes()","jscript")
secondsBlock.style.setExpression("width",
"now.getSeconds() * shortWidth","jscript")
secondsLabel.setExpression("innerHTML",
"now.getSeconds()","jscript")
}
updateClock()
}
function updateClock() {
now = new Date()
document.recalc()
setTimeout("updateClock()",1000)
}
function showExpr() {
alert("Expression for the \'Hours\' innerHTML property is:\r\n" +
document.all.hoursLabel.getExpression("innerHTML") + ".")
}
getExpression(), setExpression(), recalc() Methods
This clock uses Dynamic Properties to calculate bar width and time
numbers:
Hours:
Minutes:
Seconds: