setTimeOut()及clearTimeOut()用法及IE与FireFox下的兼容的获取div等标签中的值

benfreer

浏览: 105167 次
性别:
来自: 沈阳

最近访客更多访客>>

u012363178

wanshijian

菜鸟ll

与昂贵

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (58)

社区版块

存档分类

IE Firefox jQuery 浏览器 JSP

     在做项目时，使用的浏览器是FireFox，可是后来项目需求中更改了浏览器的范围，需要在FireFox及IE下都要兼容。所以就造成了自己的困扰，在网上找了一番，有些费力，现将JSP中的自动刷新（setTimeOut）以及IE和FireFox下兼容获取div等标签的相关功能代码在此标记下。
     功能：进入页面，自动刷新，点击页面stop refresh，停止自动刷新，stop refresh变成start refresh，自动刷新又重新开始。

     功能实现：因为要求登陆界面后，就执行自动刷新功能，因此在页面中设置了一个隐藏字段，每次登陆页面时，查看隐藏字段的值，如果是start，就执行自动刷新，否则就停止。

      以下代码是获取IE与FireFox下的兼容的获取div之间的值。
      如：<div id='test'>get me!</div>要获取get me!

    if(navigator.appName.indexOf("Explorer") > -1){
       getValue=document.getElementById('test').innerText; //IE
   } else {
       getValue=document.getElementById('test').textContent;//FireFox
   }

以下是一个小的页面代码:
注：1、setTimeOut(functionName,interval)，这里的interval的单位是毫秒，页面中的interval是以秒来计算的。
    2、setTimeOut实现不断刷新，就不是不断调用本身的过程。
    3、页面中的interval是时间间隔，如果页面中不设置刷新的时间间隔，页面中默认的是三秒。
    4、如果在Jquery下使用，可以直接将document.getElementById('aa').value换成$('#aa').val()使用。
    5、此版本在IE或FireFox下均可用，兼容的获取问题看上面部分。

<html>
<title>test</title>
<body>
  inteval:<input type="text" name="interval" id="interval" />
  <input type="hidden" id="status" name="status" value="start"/>
  <div id="state" value="stop refresh" onClick="change();">
     stop refresh
  </div>
</body>
<script>	
  var te;
  var timeGet;
  if(document.getElementById('status').value== 'start'){
      changeTimeout();
  }
  
  function changeTimeout(){
      timeGet = document.getElementById('interval').value;
      timeout = timeGet * 1000;
	if (!(timeout && timeout != '' && timeout != 0)) {
	    timeout = 3000;
	}else{
	    timeout = timeout*1000;
	}
	
         if(document.getElementById('status').value == 'start'){
	    te = window.setTimeout('myrefresh()',timeout);
	}else{
	    window.clearTimeout(te);
	    return;
	}
  }
	
  function myrefresh(){
      alert('refrsh,this area can add the action what you want!');
      timeGet = document.getElementById('interval').value;
      timeout = timeGet * 1000;
      if (!(timeout && timeout != '' && timeout != 0)) {
	timeout = 3000;
      }

      if(document.getElementById('status').value == 'start'){
	te = window.setTimeout('myrefresh()',timeout);
      }else{
	window.clearTimeout(te);
	return;
      }
  }
	
  function change(){
    if(navigator.appName.indexOf("Explorer") > -1){
        statusRefresh=document.getElementById('state').innerText;
      if (statusRefresh == 'stop refresh') {
          document.getElementById('state').innerText='start refresh';
          document.getElementById("status").value='stop';
          clearTimeout(te);
      } else {
          document.getElementById('state').innerText='stop refresh';
          document.getElementById("status").value='start';
          myrefresh();
      }
    }else{
       statusRefresh=document.getElementById('state').textContent;
       if (statusRefresh == 'stop refresh') {
         document.getElementById('state').textContent='start refresh';
	document.getElementById("status").value='stop';
	clearTimeout(te);
       } else {
	document.getElementById('state').textContent='stop refresh';
	document.getElementById("status").value='start';
	myrefresh();
       }
    }	
  }
</script> 
</html>

分享到：