如何让Javascript时间自动更新

本文介绍了如何让Javascript时间自动更新的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我使用以下Javascript代码在我的网站上显示时间。如何自动进行此更新。

I am using the following Javascript code to display the time on my website. How can I make this update automatically.

谢谢

<section class="portlet grid_6 leading"> 
<header>
<h2>Time<span id="time_span"></span></h2>
</header>
<script type="text/javascript">
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10){
    minutes = "0" + minutes
}
var t_str = hours + ":" + minutes + " ";
if(hours > 11){
    t_str += "PM";
} else {
   t_str += "AM";
}
document.getElementById('time_span').innerHTML = t_str;
</script>
</section>

推荐答案

使用在特定时间后调用函数。在这种特定情况下，最好使用

Use setTimeout(..) to call a function after a specific time. In this specific case, it is better to use setInterval(..)

function updateTime(){
    var currentTime = new Date()
    var hours = currentTime.getHours()
    var minutes = currentTime.getMinutes()
    if (minutes < 10){
        minutes = "0" + minutes
    }
    var t_str = hours + ":" + minutes + " ";
    if(hours > 11){
        t_str += "PM";
    } else {
        t_str += "AM";
    }
    document.getElementById('time_span').innerHTML = t_str;
}
setInterval(updateTime, 1000);

这篇关于如何让Javascript时间自动更新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！