JavaScript中的Date总结之日期的自动刷新(四)

在我们开发一个页面需要显示时间时，我们往往需要用到时间的自动刷新功能，因为我们不能一直的向服务端请求数据，这样不仅造成资源的浪费甚至有可能因操作不当导致内存泄漏。如果我们用js中的setInterval()或setTimeout()来实现时间自动刷新，将更方便实用。本节介绍使用setInterval来实现：

setInterval()+new Date()+Date.prototype.valueOf()实现时间的自动刷新:

假设我们从后台获取的时间即为当前的时间：

html：

<div id="time"> </div><button onclick="time()" class="button">显示时间</button>

js:

<script type="text/javascript">

function time() {    var time=new Date();//获取当前时间    var h=document.getElementById("time");    console.log(h)    var refreshTime=this.setInterval(function () {//每个一秒执行的方法如下        time = new Date(time.valueOf() + 1000);        console.log()        h.innerHTML= time;    }, 1000);}

</script>

此种展现的时间为Date：”Sun Mar 19 2017 21:30:03 GMT+0800 (中国标准时间)”格式的数据，如果想要其他格式的日期请参照第二小节所说的。