JS-时间实时更新

最新推荐文章于 2023-12-06 21:10:57 发布

StevenAC

最新推荐文章于 2023-12-06 21:10:57 发布

阅读量447

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/StevenAC/article/details/76526245

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <title>时间模块</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    function displayTime(){
        var time = new Date();
        var week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
        var H,m,s,timeStr1,timeStr2;
        /*获得时分秒*/
        H = time.getHours();
        m = time.getMinutes();
        s = time.getSeconds();
        /*如果时分秒为个位数，则在其前补零*/
        if(H<10){
             H = "0"+H;
        }
        if (m<10) {
             m = "0"+m;
        }
        if (s<10) {
             s = "0"+s;
        }
        /*拼接时间字符串*/ 
        timeStr1 = time.getFullYear()+"年 "+(time.getMonth()+1)+"月 "+time.getDate()+"日 "+week[time.getDay()]+" "+H+":"+m+":"+s;
        timeStr2 = time.toLocaleDateString()+time.toLocaleTimeString();
        document.getElementById('dis1').value=timeStr1;
        document.getElementById("dis2").value=timeStr2;
        document.getElementById('dis3').value=time.toLocaleTimeString();
        /*实时时间更新*/      
        /*setTimeout("displayTime()",1000);*/   
        setInterval("displayTime()",1000);
        }
    </script>
</head>
<body onload="displayTime()">
<textarea rows="2" cols="30" id="dis1"></textarea><br/>
<input type="text" id="dis2"/><br/>
<input type="text" id="dis3"/><br/>
</body> 
</html>