suchen

Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Hintergrunduhr-Implementierungsmethode_Javascript-Kenntnisse

JavaScript-Hintergrunduhr-Implementierungsmethode_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:54:101442Durchsuche

Das Beispiel in diesem Artikel beschreibt die Implementierungsmethode der Javascript-Hintergrunduhr. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Im Folgenden finden Sie den vollständigen Code für diesen Effekt. [Beginnen Sie besser mit einer leeren Seite]

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

Hinweis: Die Position der Uhranzeige muss durch Ändern der Parameter TOP und LEFT bestimmt werden. TOP stellt den Pixelwert der Ebene von oben in der Anzeige dar, und LEFT stellt den Pixelwert der Ebene links dar.

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Grundlegende TypeScript-Studiennotizen_Javascript-KenntnisseNächster Artikel：Grundlegende TypeScript-Studiennotizen_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen