cha*_*ilk 1 html javascript css date
我是Javascript的新手.我不确定如何调用或使用它.有些网站没有那么大的帮助.所以我认为你们会有很大的帮助.
到目前为止我有这个:
<!DOCTYPE html>
<html>
<head>
<META HTTP-EQUIV="refresh" CONTENT="2">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Current Time</title>
</head>
<body>
<div class="navBar">
<a class="nav" href="http://www.blah.com">blah</a>
<a class="nav" href="http://www.blah2.com">blah2</a>
<a class="nav" href="https://www.blah3.com">blah3</a>
<script type="text/javascript">
function getBostonDate(){
var currentDate = new Date();
var dateTime = "Boston current time: " + currentDate.getHours() + ":" + currentDate.getMiutes() + ":" + currentDate.getSeconds();
document.write(dateTime);
}
</script>
</div>
</body>
</html>
如您所见,我希望它只在标题中显示几个链接,然后显示日期.(根据我的个人资料,我在波士顿,所以我用过它.)
我还尝试将它放在它自己的.js文件中并在外部调用它并将该行代码放在HTML的一部分中.但即便如此,我也不知道如何在我希望它被调用的地方调用它(在链接之后).请帮忙？
提前致谢!
在代码中添加一个div,用于显示时间,例如
<div id="display_time"></div>
然后,而不是document.write...使用:
document.getElementById("display_time").innerHTML=dateTime;
如果您希望不断更新时间,请使用setInterval,如:
setInterval(
// YOUR FUNCTION HERE
,1000);
这将重新计算时间并每1000毫秒(= 1秒)重新显示一次.
编辑:正如Jon P所提到的,你必须调用该函数(而不仅仅是定义它).一种方法是在页面主体加载后调用它.您所要做的就是将其添加到您的body标记中,如下所示:
<body onload="setInterval(getBostonDate(),1000);">
或者,您可以在脚本中调用它,如
setInterval(getBostonDate(),1000);
另外,正如Samurai所提到的,不要忘记纠正你的错字:getMinutes()而不是getMiutes()