定时刷新指定div层

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script>
// 这句必须,否则 IE 下代码会出错
var d1;

function init(){
  // 不用document.all 是为了兼容别的浏览器
  d1=document.getElementById("d1"); 
  refreshDiv();
  // 注意 setInterval 的用法
  setInterval("refreshDiv();",1000);
}

function refreshDiv(){
  // d1 已经被定义为了全局变量,可以直接用
  d1.innerHTML="anything you like." + (new Date()).toLocaleString();
}
</script>
</head>
<body onload="init();">
<div id="d1" style="background-color:red;width:300px;height:200px;"></div>
<div style="background-color:#CCCCCC;width:300px;height:200px;">
  <input type="text">
</div>
</body>
</html>

你可以在text框中输入文字,文字不会被刷新掉。。。

posted @ 2013-08-21 16:08  记忆书签  阅读(5481)  评论(0编辑  收藏  举报