怎么使用Javascript在HTML中顯示實(shí)時(shí)時(shí)間

發(fā)布時(shí)間：2022-06-20 09:26:08 來源：億速云閱讀：234 作者：iii 欄目：開發(fā)技術(shù)

這篇文章主要介紹了怎么使用Javascript在HTML中顯示實(shí)時(shí)時(shí)間的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇怎么使用Javascript在HTML中顯示實(shí)時(shí)時(shí)間文章都會(huì)有所收獲，下面我們一起來看看吧。

方法如下：

1. 在script中建立方法time；
2. 創(chuàng)建新的Date對(duì)象date，并通過使用Date的內(nèi)置方法給year、month等賦值；
3. 通過連接符號(hào)將各個(gè)時(shí)間連接起來；
4. 使用document.getElementById(“time”).innerHTML將其顯示到HTML主頁中；
5. 使用setInterval設(shè)置動(dòng)態(tài)更新時(shí)間，即實(shí)時(shí)時(shí)間；

注意：

（1）獲取年份的方法前面有full；
（2）月份的表示從零開始；
（3）周的獲取值表示為數(shù)字，可以通過switch的方法轉(zhuǎn)換，也可以通過下面代碼中的方法將其轉(zhuǎn)化為星期幾；
（4）對(duì)于時(shí)分秒的兩位表示，可以在前面加上符號(hào)0；

參考代碼見下：

<html>
    <head>
        <meta charset="UTF-8">
        <title>日期和時(shí)間</title>
        <script>
            function time(){
                var date = new Date();
                var year = date.getFullYear();
                var month = date.getMonth()+1;
                var day = date.getDate();
                var week = date.getDay();
                week="星期"+"日一二三四五六".charAt(week);
                /*switch(week){
                    case 1:
                        week="星期一";
                        break;
                    case 2:
                        week="星期二";
                        break;
                    case 3:
                        week="星期三";
                        break;
                    case 4:
                        week="星期四";
                        break;
                    case 5:
                        week="星期五";
                        break;
                    case 6:
                        week="星期六";
                        break;
                    case 0:
                        week="星期日";
                        break;
                }*/
                var hour =date.getHours();
                hour=hour<10?"0"+hour:hour;
                var minute =date.getMinutes();
                minute=minute<10?"0"+minute:minute;
                var second = date.getSeconds();
                second=second<10?"0"+second:second;
                var currentTime = year+"-"+month+"-"+day+"  "+week+"   "+hour+":"+minute+":"+second;
                document.getElementById("time").innerHTML=currentTime;
            }
            setInterval("time()",1000);
        </script>
    </head>
    <body onload="time()">
        <span id="time"></span>
    </body>
</html>

關(guān)于“怎么使用Javascript在HTML中顯示實(shí)時(shí)時(shí)間”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“怎么使用Javascript在HTML中顯示實(shí)時(shí)時(shí)間”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

怎么使用Javascript在HTML中顯示實(shí)時(shí)時(shí)間

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽