Kaedah pelaksanaan jam latar belakang JavaScript_kemahiran javascript-tutorial js-php.cn

Kaedah pelaksanaan jam latar belakang JavaScript_kemahiran javascript

WBOY

Lepaskan： 2016-05-16 15:54:10

asal

1442 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah pelaksanaan jam latar belakang javascript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Berikut ialah kod penuh untuk kesan ini. [Lebih baik bermula dengan halaman kosong]

<html>
<head>
<TITLE>背景时钟</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()">
<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>

Salin selepas log masuk

Nota: Kedudukan paparan jam perlu ditentukan dengan mengubah suai parameter ATAS dan KIRI. ATAS mewakili nilai piksel lapisan dari bahagian atas paparan, dan KIRI mewakili nilai piksel lapisan di sebelah kiri.

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.