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

HTML完成頁面動態(tài)時鐘

發(fā)表時間：2023-09-07 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

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

用html寫一個動態(tài)網(wǎng)頁時鐘，代碼如下所示：

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>時鐘特效</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ù)或計算表達式  
        var mytime = setInterval("disptime()",1000);  
    </script>  
    <body onload="disptime()">  
        <p id="myclock"></p>  
    </body>  
</html>

HTML實現(xiàn)網(wǎng)頁動態(tài)時鐘

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請關(guān)注PHP中文網(wǎng)！

相關(guān)推薦：

HTML5實現(xiàn)留言和回復(fù)的頁面

如何利用js拼接html字符串

以上就是HTML實現(xiàn)網(wǎng)頁動態(tài)時鐘的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


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