目的：在前端页面上显示时间，并且能够自动刷新

代码：

1、时间的自动显示

<script language="javascript">

  function showTime(){
	var $dt = document.getElementById("time"); // 得到容器对象
	var dt = new Date(); // 得到当前时间
	var y = dt.getFullYear(); // 当前年份
	var m = dt.getMonth() + 1; // 当前月份，getMonth 返回值是 0-11 对应 1-12月，因此全部加1
	var d = dt.getDate();

	var h = dt.getHours();
	if(h<10) h='0' + h;
	var i = dt.getMinutes();
	if(i<10) i='0' + i;
	var s = dt.getSeconds();
	if(s<10) s='0' + s;

	var str = '最近加载时间:' + y + '年' + m + '月' + d + '日 ' + h + '时' + i + '分' + s + '秒';
	$dt.innerHTML = str; // 将格式化后的内容装载到容器中
   }
  showTime();
  setInterval("showTime()",1000);

</script>

2、页面的刷新功能

 <script language="JavaScript">
function myrefresh()
{
   window.location.reload();
}
setTimeout('myrefresh()',10000); //指定1秒刷新一次
</script>

问题：setInterval（）与setTimeout()区别

因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次 而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 所以,完全是不一样的