用javascript显示日期_Javascript_Html

用javascript显示日期

javascript html

用javascript显示日期,javascript,html,Javascript,Html,试着自学javascript。但是，我不明白为什么下面的代码不起作用。有什么想法吗 <!DOCTYPE html> <html> <body> <p> Click the button to display the date</p> <button onclick="showDate()">HIT ME</button> <script> func

试着自学javascript。但是，我不明白为什么下面的代码不起作用。有什么想法吗

<!DOCTYPE html>
<html>
    <body>

    <p> Click the button to display the date</p>

    <button onclick="showDate()">HIT ME</button>

    <script>
        function displayDate()
        {
          document.getElementById("test").innterHTML=displayDate();   
        }
    </script>

    <p id="test"></p>
</body>


单击按钮以显示日期
打我
函数displayDate（）
{
document.getElementById（“test”）.innterHTML=displayDate（）；
}

复制粘贴错误，实际代码如下：

<!DOCTYPE html>
<html>
    <body>

    <p> Click the button to display the date</p>

    <button onclick="showDate()">HIT ME</button>

    <script>
        function showDate()
        {
          document.getElementById("test").innterHTML=Date();   
        }
    </script>

    <p id="test"></p>
</body>


单击按钮以显示日期
打我
函数showDate（）
{
document.getElementById（“test”）.innterHTML=Date（）；
}

应该是

document.getElementById("test").innerHTML=Date();

应该是

document.getElementById("test").innerHTML=Date();

首先，您有innterHTML，它应该是innerHTML
其次，你正在循环一个函数，这是一个糟糕的做法。有关日期的信息，请参阅；如果需要循环，请使用

setInterval（function（）{/*Action*/}，100/*Delay*/）

。看见（如果您有问题，请参阅W3普通学校）


单击按钮以显示日期
打我
函数displayDate（）
{
document.getElementById（“test”）.innerHTML=new Date（）.getTime（）//显示时间戳
}

首先，您有innterHTML，它应该是innerHTML
其次，你正在循环一个函数，这是一个糟糕的做法。有关日期的信息，请参阅；如果需要循环，请使用

setInterval（function（）{/*Action*/}，100/*Delay*/）

。看见（如果您有问题，请参阅W3普通学校）


单击按钮以显示日期
打我
函数displayDate（）
{
document.getElementById（“test”）.innerHTML=new Date（）.getTime（）//显示时间戳
}

您的代码中有多个bug，我将发布一个可行的bug，然后逐一向您解释

<!DOCTYPE html>
<html>
<head>

<script>
    function displayDate()
    {
      document.getElementById("test").innerHTML = Date();   
    }
</script>
</head>
<body>

<p> Click the button to display the date</p>

<button onclick="displayDate()">HIT ME</button>


<p id="test"></p>
</body>
</html>


函数displayDate（）
{
document.getElementById（“test”）.innerHTML=Date（）；
}
单击按钮以显示日期
打我

首先是递归调用displayDate（）函数。函数无条件地调用自身，最终导致堆栈溢出（我们都喜欢这样，不是吗）

另一个问题是将单击事件处理程序上的按钮绑定到“showData（）”，该函数根本不存在。（你更新了你的原始代码，我可以看到。只是概述了它的任何方式）

body中的所有脚本都是根据浏览器的显示加载和执行的，因此最好将它们保存在head部分，如果不是单独的文件的话

“innerHTML”上有一个输入错误

您的代码中有多个bug，我将发布一个有效的bug，然后逐一向您解释

<!DOCTYPE html>
<html>
<head>

<script>
    function displayDate()
    {
      document.getElementById("test").innerHTML = Date();   
    }
</script>
</head>
<body>

<p> Click the button to display the date</p>

<button onclick="displayDate()">HIT ME</button>


<p id="test"></p>
</body>
</html>


函数displayDate（）
{
document.getElementById（“test”）.innerHTML=Date（）；
}
单击按钮以显示日期
打我

首先是递归调用displayDate（）函数。函数无条件地调用自身，最终导致堆栈溢出（我们都喜欢这样，不是吗）

body中的所有脚本都是根据浏览器的显示加载和执行的，因此最好将它们保存在head部分，如果不是单独的文件的话

“innerHTML”上有一个输入错误

你期望发生什么？您的

onclick

函数与您在下面的

脚本

标记中创建的函数的名称不同。这段代码有很多问题。您是如何学习javascript的？您刚才做了一个：您的函数正在调用自己，导致了一个无休止的循环。-->除了从来没有实际调用过

displayDate（）

，所以它没有被执行。onclick=“showDate（）”=>函数showDate（）{…}在哪里？您的函数

displayDate

从来没有被调用过。但如果是，它将调用自身并将返回的值赋给id为

test

的元素的innerHTML属性。但是，函数不返回任何内容，因此在该元素中实际上没有设置任何内容。此外，这会创建一个无限循环，这不是你想要的。你被困在无限循环中。你被困在无限循环中。你被困在无限循环中。你被困在无限循环中。你被困在无限循环中。你被困在无限循环中。你被困在无限循环中。你被困在无限循环中。你被困在无限循环中。你被困在无限循环中在无限循环中。你被困在无限循环中。你被困在无限循环中。你期望发生什么？您的

onclick

函数与您在下面的

脚本

displayDate（）

，所以它没有被执行。onclick=“showDate（）”=>函数showDate（）{…}在哪里？您的函数

displayDate

从来没有被调用过。但如果是，它将调用自身并将返回的值赋给id为

test

的元素的innerHTML属性。但是，函数不返回任何内容，因此在该元素中实际上没有设置任何内容。此外，这会创建一个无限循环，这不是你想要的。你被困在一个无限循环中。你被困在一个无限循环中。你被困在一个无限循环中。你被困在一个无限循环中。你被困在一个无限循环中。你被困在一个无限循环中。你被困在一个无限循环中。你被困在一个无限循环中