如何获得当前时间而无需每次重新加载页面?
问题描述:
你好我学会了如何获得新的日期,时间和东西,今天我做了一个简单的时钟 这很好,但我需要重新加载页面以获取当前时间,所以我如何使它更现实,我的意思是显示它,因为它的票,会好很多 如何获得当前时间而无需每次重新加载页面?
$(function() {
var d = new Date(),
currentDay = d.getDate(),
hour = d.getHours(),
minutes = d.getMinutes(),
seconds = d.getSeconds();
if (hour < 10) {
hour = '0' + hour;
}
if (minutes < 10) {
minutes = '0' + minutes;
}
document.write(hour + ' : ' + minutes);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
答
您可以使用setInterval函数,既然你都呈现分钟就可以调用它每60秒setInterval
$(function() {
function setTime(){
var d = new Date(),
currentDay = d.getDate(),
hour = d.getHours(),
minutes = d.getMinutes(),
seconds = d.getSeconds();
if (hour < 10) {
hour = '0' + hour;
}
if (minutes < 10) {
minutes = '0' + minutes;
}
document.write(hour + ' : ' + minutes);
}
setTime();
setInterval(setTime,60000);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>