html函数的时间源代码

HTML函数的时间源代码

!DOCTYPE html>
    html>
    head>
    title>
    HTML函数的时间源代码/title>
    /head>
    body>
    h1>
    当前时间/h1>
    p id="time">
    /p>
    script>
function getTime() {
        var now = new Date();
        var hours = now.getHours();
        var minutes = now.getMinutes();
        var seconds = now.getSeconds();
        var time = hours + ":" + minutes + ":" + seconds;
        document.getElementById("time").innerHTML = time;
}
    getTime();
    setInterval(getTime, 1000);
    /script>
    /body>
    /html>
    

以上代码中：

• 使用了JavaScript的Date对象获取当前时间
• 定义了一个名为getTime()的函数，并在代码中调用了该函数
• 在HTML中设置了一个p标签的id为“time”，并且在JavaScript代码中使用document对象的getElementById方法获取该p标签，并将当前时间显示在该标签内
• 使用setInterval()函数每隔1秒钟调用一次getTime()函数，即实现了当前时间的实时更新

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！