Js实现页面局部刷新的代码一例

最新推荐文章于 2023-04-03 17:00:22 发布

转载最新推荐文章于 2023-04-03 17:00:22 发布 · 2.4k 阅读

文章标签：

#刷新 #局部

Javascript相关专栏收录该内容

99 篇文章

订阅专栏

本文提供了一个使用JavaScript实现页面局部刷新的示例代码。通过定时更新指定的div元素内容来显示实时时间，展示了基本的DOM操作及定时器设置方法。

实现页面的局部刷新的js代码。

如下：

<html>
<head>
    <title>页面局部刷新_www.jbxue.com</title>
    <script type="text/javascript">
        function GetTime() {
            var time = new Date();
            var year = time.getFullYear();
            var month = time.getMonth() + 1;         // 月份从0开始
            var day = time.getDate();                // 注意是getDate()
            var hour = time.getHours();
            var minute = time.getMinutes();
            var sec = time.getSeconds();
            var timestring;
            if (minute < 10) {
                timestring
                    = year + "-" + month + "-" + day + " " + hour + ":0" + minute + ":" + sec;
            }
            else {
                timestring
                    = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + sec;
            }
            // div没有value属性
            document.getElementByIdx_x("timeDiv").innerHTML = timestring;
            window.setInterval("GetTime()", 1000);
        }
    </script>
</head>
<body onload="GetTime()">
    <div id="timeDiv">
    </div>
</body>
</html>