如何使用JS和HTML使当前日期和时间显示在网站的页脚中?

问题描述 投票:0回答:1

我正在尝试使当前日期和时间显示在网站的页脚中。我不知道我的代码有什么问题。当我使用检查元素时,它说日期未定义。这是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 html
1个回答
0
投票

您在哪里定义了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>
© www.soinside.com 2019 - 2024. All rights reserved.