Question

我想创建一个每秒更新一次的时钟。出于某种原因，当我尝试运行代码时，我得到一个空白页。

这是Javascript部分：

function test()
{
    var today = new Date();

    var day = today.getDate();
    var month = today.getMonth();
    var year = today.getFullYear();

    var hr = today.getHours();
    var mins = today.getMinutes();
    var sec = today.getSeconds();

    document.body.innerHTML = day + "/" + month + "/" + year + "   " + hr + ":" + mins + ":" + secs;
}

setInterval(test, 1000);

这是HTML部分：

<html lang="en">

    <head>
    </head>

    <body name="body">
        <script type="text/javascript" src="JS-test.js"></script>

    </body>

</html>

我尝试过其他一些变化，没有接缝工作。如何修复它以实际显示某些内容？提前致谢。（我是javascript的新手）

Answer 1

将sec更改为sec

 var sec = today.getSeconds();

    document.body.innerHTML = day + "/" + month + "/" + year + "   " + hr + ":" + mins + ":" + sec;

Answer 2

你的功能可能有点变化......

  document.onload=setInterval(test,1000);

并在变量声明中进行sec / secs更改

Answer 3

脚本应该写在<script></script>内其次，在你上一次发表该职能的陈述中sec而不是secs。它运作良好。

function test()
{
    var today = new Date();

    var day = today.getDate();
    var month = today.getMonth();
    var year = today.getFullYear();

    var hr = today.getHours();
    var mins = today.getMinutes();
    var sec = today.getSeconds();

    document.body.innerHTML = day + "/" + month + "/" + year + "   " + hr + ":" + mins + ":" + sec;
}

setInterval(test, 1000);

SetInterval Javascript无效 - 显示空白

3 个答案: