背景时钟 – 筚路蓝缕

<html>
    
    <head>
        <title>
            Background Clock
        </title>
        <script language=javaScript>
    function clockon() {
    thistime = new Date();
    var hours = thistime.getHours();
    var minutes = thistime.getMinutes();
    var seconds = thistime.getSeconds();
    if (eval(hours) < 10) {
        hours = "0" + hours;
    }
    if (eval(minutes) < 10) {
        minutes = "0" + minutes;
    }
    if (seconds < 10) {
        seconds = "0" + seconds;
    }
    thistime = hours + ": " + minutes + ": " + seconds;
    if (document.all) {
        bgclocknoshade.innerHTML = thistime;
        bgclockshade.innerHTML = thistime;
    }
    if (document.layers) {
        document.bgclockshade.document.write(' <div id = "bgclockshade" style = "position: absolute;visibility: visible;font-family: Verdana;color: FFAAAAA;font - size: 120px;top: 10px;left: 152px"> ' + thistime + ' </div>');
        document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">' + thistime + '</div > ');
        document.close();
    }
    var timer = setTimeout("clockon()", 200);
}
        </script>
        <link rel="stylesheet" href="../style.css">
    </head>
    
    <body onLoad="clockon()">
	说明：时钟显示的位置需要你修正TOP,LEFT参数来确定。TOP表示层距离显示器顶部的象素值，LEFT表示距离左侧的象素值。
        <div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px;">
        </div>
        <div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px;">
        </div>
        <div id="mainbody" style="position:absolute; visibility:visible;">
        </div>
    </body>
</html>
一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31
发表回复 取消回复

相关文章

发表回复取消回复
