日期:2014-05-16  浏览次数:20375 次

js定时器setInterval()与setTimeout()区别、10秒自动跳转

####10秒自动跳转

<div class="jf_register">
	<h2>您好,欢迎光临<fmt:message key="b2cShowName"/>!<a class="blue" href="<%=path%>/LoginRegist_turnToLogin">请登录</a></h2>
</div>
<div class="jf_register_banner">注册成功</div>
<div class="jf_password">
<ul>
<li> 感谢您选择<fmt:message key="b2cShowName"/>,</li><li>您的账号<span>
<font color=red><strong>${param.bussinessId}</strong></font></span>已经注册成功。 </li>
<li>系统将会在<strong id="endtime"></strong>秒后跳转到登录页!
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="blue" href="<%=path%>/LoginRegist_turnToLogin">直接登录</a></li>
</ul>
</div>
<div class="jf_loginfooter"><fmt:message key="copyright"/>&nbsp;版权所有&nbsp;| 
<a href="Login_loginHelpTips">联系我们</a><fmt:message key="copyrightIcp"/></div>

<script type="text/javascript">
var i = 10;
function remainTime(){
	if(i==0){
		location.href='<%=path%>';
	}
	document.getElementById('endtime').innerHTML=i--;
	setTimeout("remainTime()",1000);
}
remainTime();
</script>
?

?

?

setInterval()循环执行相应的方法

?

?<script type="text/javascript">
????? setInterval("myInterval()",1000);//1000为1秒钟

???????function myInterval()
?????? {
??????????? alert('aaaaaaaaa');
? ????? }
?</script>

1.setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间,再进行某项操作。
setTimeout("",time) 设置一个超时对象

2.setInterval(expression,delayTime),每个DelayTime,都将执行Expression.常常可用于刷新表达式.
setInterval("",time) 设置一个超时对象

SetInterval为自动重复,setTimeout不会重复。

3.1clearTimeout(对象) 清除已设置的setTimeout对象
3.2clearInterval(对象) 清除已设置的setInterval对象

?

4.1 我在项目中这样使用setTimeout ()

<!-- 系统公告紧急弹窗 -->
<script type="text/javascript" src="<%=path%>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/artDialog/artDialog.min.js"></script>	
<script type="text/javascript">
    function querySystemNotice()
    {
    	$.post( 'bussinessNotice_querySystemNotice', {}, 
    			function(returnedData,status)
    			{
    				if( returnedData!= null && returnedData!='' )
    				{
    					$.dialog.open('<%=path%>/
    	    					bussinessNotice_bussinessNoticedetail?noticeNum='+returnedData,{
    						window:'top',
    						width: '800px',
    					 	height: '400px',
    					 	title:false,
    						border:false,
    						lock: true,
    						esc:false,
    						left:'center',
    						content:'',
    						yesText:'确认阅读',
    						yesFn: function(){
    							$.post( '<%=path%>/
    	    							bussinessNotice_bussinessNoticeAffirmRead?noticeNum='+returnedData,{},
    								function(returnedData2,status)
    								{
    									//art.dialog.tips('已阅读!',1);