背景时钟 – 筚路蓝缕

&lt;html&gt;
    
    &lt;head&gt;
        &lt;title&gt;
            Background Clock
        &lt;/title&gt;
        &lt;script language=javaScript&gt;
    function clockon() {
    thistime = new Date();
    var hours = thistime.getHours();
    var minutes = thistime.getMinutes();
    var seconds = thistime.getSeconds();
    if (eval(hours) &lt; 10) {
        hours = "0" + hours;
    }
    if (eval(minutes) &lt; 10) {
        minutes = "0" + minutes;
    }
    if (seconds &lt; 10) {
        seconds = "0" + seconds;
    }
    thistime = hours + ": " + minutes + ": " + seconds;
    if (document.all) {
        bgclocknoshade.innerHTML = thistime;
        bgclockshade.innerHTML = thistime;
    }
    if (document.layers) {
        document.bgclockshade.document.write(' &lt;div id = "bgclockshade" style = "position: absolute;visibility: visible;font-family: Verdana;color: FFAAAAA;font - size: 120px;top: 10px;left: 152px"&gt; ' + thistime + ' &lt;/div&gt;');
        document.bgclocknoshade.document.write('&lt;div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px"&gt;' + thistime + '&lt;/div &gt; ');
        document.close();
    }
    var timer = setTimeout("clockon()", 200);
}
        &lt;/script&gt;
        &lt;link rel="stylesheet" href="../style.css"&gt;
    &lt;/head&gt;
    
    &lt;body onLoad="clockon()"&gt;
	说明：时钟显示的位置需要你修正TOP,LEFT参数来确定。TOP表示层距离显示器顶部的象素值，LEFT表示距离左侧的象素值。
        &lt;div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px;"&gt;
        &lt;/div&gt;
        &lt;div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px;"&gt;
        &lt;/div&gt;
        &lt;div id="mainbody" style="position:absolute; visibility:visible;"&gt;
        &lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;

<html>

<head>

<title>

Background Clock

</title>

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>

</head>

说明：时钟显示的位置需要你修正TOP,LEFT参数来确定。TOP表示层距离显示器顶部的象素值，LEFT表示距离左侧的象素值。

</div>

</div>

</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

发表回复 取消回复

相关文章

发表回复取消回复