我正在尝试使当前日期和时间显示在网站的页脚中。我不知道我的代码有什么问题。当我使用检查元素时,它说日期未定义。这是Java脚本:
window.onload = function(){
var date = new Date();
};
var slideIndex=0;
function carousel() {
var i;
var x= document.getElementsByClassName("LogoImage");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
slideIndex ++;
if (slideIndex > x.length){
slideIndex = 1;
}
x[slideIndex - 1].style.display="block";
setTimeout(carousel, 30000);
}
function clock() {
var dt = new Date();
var d = document.getElementById("currentDate");
d.innerHTML = dt.toLocaleString();
setInterval(clock,1000);
}
这是HTML页脚代码:
<div id="Footer" class="Fixed-Footer">
<div class = "row">
<div class="col" style="text-align: left;">Accessed: <span id = "currentDate"></span></div>
<div class="col" style="text-align: center;">Copyright @ Metropolitan State University</div>
<div class="col" style="text-align: right;">Acced by: <span id ="accessedBy">Sharmarke Mohamed</span></div>
</div>
</div>
<script>
//starts the carousel
carousel();
clock();
</script>
</body>
</html>
您在哪里定义了Javascript函数?
最好在负载上调用时钟,如下所示:
window.onload = function(){
clock()
};
var slideIndex=0;
function carousel() {
var i;
var x= document.getElementsByClassName("LogoImage");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
slideIndex ++;
if (slideIndex > x.length){
slideIndex = 1;
}
x[slideIndex - 1].style.display="block";
setTimeout(carousel, 30000);
}
function clock() {
var dt = new Date();
var d = document.getElementById("currentDate");
d.innerHTML = dt.toLocaleString();
setInterval(clock,1000);
}
<div id="Footer" class="Fixed-Footer">
<div class = "row">
<div class="col" style="text-align: left;">Accessed: <span id = "currentDate"></span></div>
<div class="col" style="text-align: center;">Copyright @ Metropolitan State University</div>
<div class="col" style="text-align: right;">Acced by: <span id ="accessedBy">Sharmarke Mohamed</span></div>
</div>
</div>