明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

HTML制作頁面動(dòng)態(tài)時(shí)鐘圖文說明教程

[摘要]本文通過實(shí)例代碼給大家介紹了HTML寫一個(gè)網(wǎng)頁動(dòng)態(tài)時(shí)鐘效果,需要的的朋友參考下吧用html寫一個(gè)動(dòng)態(tài)網(wǎng)頁時(shí)鐘,代碼如下所示:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g...
本文通過實(shí)例代碼給大家介紹了HTML寫一個(gè)網(wǎng)頁動(dòng)態(tài)時(shí)鐘效果,需要的的朋友參考下吧

用html寫一個(gè)動(dòng)態(tài)網(wǎng)頁時(shí)鐘,代碼如下所示:


<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>時(shí)鐘特效</title>  
    </head>  
    <script type="text/javascript">  
        function disptime(){  
            var today=new Date();  
            var hh=today.getHours();  
            var mm=today.getMinutes();  
            var ss = today.getSeconds();  
            document.getElementById("myclock").innerHTML="<h1>現(xiàn)在是—"+hh+":"+mm+":"+ss+"</h1>"  
             
        }   
        //setInterval()方法可以按照指定的周期調(diào)用函數(shù)或計(jì)算表達(dá)式  
        var mytime = setInterval("disptime()",1000);  
    </script>  
    <body onload="disptime()">  
        <p id="myclock"></p>  
    </body>  
</html>

HTML制作網(wǎng)頁動(dòng)態(tài)時(shí)鐘教程

以上就是HTML制作網(wǎng)頁動(dòng)態(tài)時(shí)鐘教程的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。