Javascript <；脚本>；不'；打开页面时，不要总是加载_Javascript_Html_Css

Javascript <；脚本>；不'；打开页面时，不要总是加载

javascript html css

Javascript <；脚本>；不'；打开页面时，不要总是加载,javascript,html,css,Javascript,Html,Css,因此，我有一个脚本，它基本上持续刷新时间，这样用户可以看到秒/分钟/小时等加起来的时间出于某种原因，有时当我加载页面时，它会工作，但大多数时候不会。这是非常不寻常的，我想知道是否有人会有一个输入出于样式设计的目的，em标记确实需要保留在h1中这是我的密码： <head> <link rel="stylesheet" type="text/css" href="styling.css"> <h1>The Trade Shack<em id=

因此，我有一个脚本，它基本上持续刷新时间，这样用户可以看到秒/分钟/小时等加起来的时间

出于某种原因，有时当我加载页面时，它会工作，但大多数时候不会。这是非常不寻常的，我想知道是否有人会有一个输入

出于样式设计的目的，em标记确实需要保留在h1中

这是我的密码：

    <head>

<link rel="stylesheet" type="text/css" href="styling.css">
<h1>The Trade Shack<em id="demo"></em></h1>
<title>Homepage</title>

<script>
    function getCurrentDate(){
var fullDate = new Date();
var day = fullDate.getDay();
var stringDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var month = fullDate.getMonth();
var stringMonth = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var numDay = fullDate.getDate();
var year = fullDate.getFullYear();
var hour = fullDate.getHours();
var minute = fullDate.getMinutes();
var second = fullDate.getSeconds();

document.getElementById("demo").innerHTML = stringDays[day] + ", " + stringMonth[month] + " " + numDay + ", " + year + ", " + hour + ":" + minute + ":" + second;

}

setInterval(getCurrentDate,1000);
</script>

    </head>


商铺
主页
函数getCurrentDate（）{
var fullDate=新日期（）；
var day=fullDate.getDay（）；
var stringDays=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”]；
var month=fullDate.getMonth（）；
var stringMonth=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
var numDay=fullDate.getDate（）；
var year=fullDate.getFullYear（）；
var hour=fullDate.getHours（）；
var minute=fullDate.getMinutes（）；
var second=fullDate.getSeconds（）；
document.getElementById（“demo”）.innerHTML=stringDays[day]+，“+stringMonth[month]+”，“+numDay+”，“+year+”，“+hour+”：“+minute+”：“+second；
}
设置间隔（getCurrentDate，1000）；

首先，您应该删除h1元素（以及其中的所有元素），并将其放在文档的主体标记上，然后使用

窗口。onload

事件，您将在这里调用此代码图片

setInterval（getCurrentDate，1000）
您可以在此处检查是否使用窗口。onload

我希望它能起作用：）
在窗口中包装您的setInterval
。onload

...

window.onload=function(){
    setInterval(getCurrentDate,1000);
};

此外，要解决以后html可能遇到的一些问题，请将
从
移动到
确保即使找不到“demo”也可以使用该函数。否则会导致阻塞错误并阻止进一步执行。放在身体里而不是头上
<head>
<link rel="stylesheet" type="text/css" href="styling.css"/>
<title>Homepage</title>
<script>
function getCurrentDate() {
  var demo = document.getElementById("demo");
  if (!demo) {return;}
  var fullDate = new Date();
  var day = fullDate.getDay();
  var stringDays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
  var month = fullDate.getMonth();
  var stringMonth = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
  var numDay = fullDate.getDate();
  var year = fullDate.getFullYear();
  var hour = fullDate.getHours();
  var minute = fullDate.getMinutes();
  var second = fullDate.getSeconds();
  demo.innerHTML = stringDays[day] + ", " + stringMonth[month] + " " + numDay + ", " + year + ", " + hour + ":" + minute + ":" + second;
}
setInterval(getCurrentDate, 1000);
</script>
</head>
<body>
<h1>The Trade Shack<em id="demo"></em></h1>
<!--More HTML here-->
</body>


主页
函数getCurrentDate（）{
var demo=document.getElementById（“demo”）；
如果（！demo）{return；}
var fullDate=新日期（）；
var day=fullDate.getDay（）；
var stringDays=[“周日”、“周一”、“周二”、“周三”、“周四”、“周五”、“周六”]；
var month=fullDate.getMonth（）；
var stringMonth=[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]；
var numDay=fullDate.getDate（）；
var year=fullDate.getFullYear（）；
var hour=fullDate.getHours（）；
var minute=fullDate.getMinutes（）；
var second=fullDate.getSeconds（）；
demo.innerHTML=stringDays[day]+，“+stringMonth[month]+”+“+numDay+”，“+year+”，“+hour+”：“+minute+”：“+second；
}
设置间隔（getCurrentDate，1000）；
商铺
用window.onload.包装代码。它应该可以工作。只需在window.onload…中调用setInterval即可。它会工作得很好不要使用h1，。。在头部碎片中。头部片段应仅包括链接、脚本、元或标题等元素。其他所有内容都应在body标签中使用。例如，您可以使用“与问题无关”来验证标记，但您可能希望深入研究，这使处理日期变得更加容易。我运行了它，您的代码运行得非常好，我认为问题与您的代码无关。以下是一个例子：