javascript背景時鐘實現(xiàn)方法
更新時間：2015年06月18日 11:25:49 作者：瘋狂的流浪
這篇文章主要介紹了javascript背景時鐘實現(xiàn)方法,涉及javascript時間及頁面元素樣式的相關操作技巧,需要的朋友可以參考下
本文實例講述了javascript背景時鐘實現(xiàn)方法。分享給大家供大家參考。具體如下：
以下是這個效果的全部代碼。[最好從一個空頁面開始]
<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>
說明：時鐘顯示的位置需要你修正TOP,LEFT參數(shù)來確定。TOP表示層距離顯示器頂部的象素值，LEFT表示距離左側的象素值。
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
這篇文章主要介紹了Javascript Web Worker使用過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-03-03
今天小編就為大家分享一篇關于js實現(xiàn)延遲加載的幾種方法詳解，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章主要介紹了JS+canvas動態(tài)繪制餅圖的方法,結合具體實例形式分析了js+canvas實現(xiàn)餅狀圖形繪制的相關操作技巧,需要的朋友可以參考下2017-09-09
柱形圖是圖表中常見的一種，這篇文章主要介紹了d3繪制基本的柱形圖的實現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
webpack是一種前端資源構建工具,一個靜態(tài)模塊打包器(module bundler),下面這篇文章主要給大家介紹了關于Webpack完整打包流程的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
通過正則表達式實現(xiàn)判斷一個輸入量是否為電話號碼,需要的朋友可以參考下2014-03-03
javascript函數(shù)可以用任意多個參數(shù)來調用，而不用管函數(shù)定義時指定了幾個參數(shù)。因為函數(shù)是弱類型的，沒有方法去聲明它所期望的參數(shù)類型，并且給任何函數(shù)傳遞任何類型的值都是合法的2015-11-11
本篇文章主要是對javascript頁面加載完執(zhí)行事件的代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要為大家詳細介紹了js實現(xiàn)上傳圖片功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
JavaScript判斷變量是否為空的自定義函數(shù)分享
這篇文章主要介紹了JavaScript判斷變量是否為空的自定義函數(shù)分享,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下2015-01-01