jQuery日期和時間不修改HTML文檔

Question

$(document).ready(function() { 
    function currentDate() { 
    var now = new Date(); 
    var year = now.getFullYear(); 
    var month = now.getMonth(); 
    var day = now.getDay(); 
    var hours = now.getHours(); 
    var minutes = now.getMinutes(); 
    var seconds = now.getSeconds(); 

    var time = hours + ":" + minutes + ":" + seconds; 
    var date = (day + "/" + month + "/" + year).toLocaleDateString(); 

    $('#time').html("<span class='glyphicon glyphicon-time'></span> " + time); 
    $('#date').html("<span class='glyphicon glyphicon-calendar'></span> " + date); 

    } 
    currentDate(); 
    setInterval(currentDate(), 1000); 
}); 

此代碼似乎沒有做任何事情......沒有錯誤... 它已被鏈接在'頭部'。

<script src="js/datetime.js"></script> 

我的元素是：

<div class="navbar-right" style="color:#fff;margin-right:0px;"> 
    <div class="navbar-brand" id="fade"> 
     <p id="date" title="Your Date."></p> 
    </div> 
    <div class="navbar-brand" id="fade"> 
     <p id="time" title="Your Time."></p> 
    </div> 
</div> 

的網頁似乎並沒有顯示任何東西，都在它應該去的地方。

Answer 1

.toLocaleDateString（）不能僅與日期字符串一起使用。 .toLocaleDateString（）可以添加到新的Date（）中。如果您使用setInterval，則該函數必須在沒有括號的情況下調用。

function currentDate() { 
    var now = new Date(); 
    var year = now.getFullYear(); 
    var month = now.getMonth(); 
    var day = now.getDay(); 
    var hours = now.getHours(); 

    var minutes = now.getMinutes(); 
    minutes = (minutes < 10) ? '0'+minutes : minutes; 

    var seconds = now.getSeconds(); 
    seconds = (seconds < 10) ? '0'+seconds : seconds; 

    var time = hours + ":" + minutes + ":" + seconds; 
    var date = (day + "/" + month + "/" + year); 

    $('#time').html("<span class='glyphicon glyphicon-time'></span> " + time); 
    $('#date').html("<span class='glyphicon glyphicon-calendar'></span> " + date); 

} 
$(function() { 
    currentDate(); 
    setInterval(currentDate, 1000); 
}); 

您確定js/datetime.js是您的文件的正確路徑。嘗試使用HTML內的代碼:)

Answer 2

1）

setInterval應採取函數的變量。但在你的情況下，你稱之爲函數。應該沒有大括號：

setInterval(currentDate, 1000); 

2）

您有重複的ID id="fade"。使用唯一的ID。