zoukankan      html  css  js  c++  java
  • 两种方法实现js页面隔几秒后跳转,及区别

    这里需要用到window的两个对象方法,setInterval()setTimeout()

    一. 区别:

    1.  setInterval(code,millisec)  周期性(millisec单位毫秒)调用或执行code函数或代码串

    定义和用法
    
    setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
    setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
    语法 setInterval(code,millisec[,"lang"]) 参数 描述 code 必需。要调用的函数或要执行的代码串。 millisec 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

    2. setTimeout(code,millisec)  等待millisec(单位毫秒)时间后,仅一次执行code函数或代码串

    语法
    
    setTimeout(code,millisec)
    
    参数     描述
    code     必需。要调用的函数后要执行的 JavaScript 代码串。
    millisec     必需。在执行代码前需等待的毫秒数。

    二. js页面隔几秒后跳转

    1. setInterval

           <p id="page_div">将在5秒后自动跳转到首页</p>
    
    	<script language="javascript">
    		var num = 4; //倒计时的秒数
    		var URL = "index.html";
    		var id = window.setInterval('doUpdate()', 1000); 
    		function doUpdate() {
    			document.getElementById('page_div').innerHTML = '将在'+num+'秒后自动跳转到首页' ;
    			if(num == 0) {
    				window.clearInterval(id);
    				window.location = URL; 
    			}
    			num --;
    		}
    	</script>
    

    2.  setTimeout

           <p id="page_div">将在5秒后自动跳转到首页</p>
    
    	<script language="javascript">
    		var num = 4; //倒计时的秒数
    		var URL = "index.html";
    		window.setTimeout("doUpdate()", 1000);
    		function doUpdate(){
    			if(num != 0){
    				document.getElementById('page_div').innerHTML = '将在'+num+'秒后自动跳转到首页' ;
    				num --;
    				window.setTimeout("doUpdate()", 1000);
    			}else{
    				num = 4;
    				window.location = URL; 
    			}
    		}
    	</script>
    
  • 相关阅读:
    laravel5.6 调用第三方类库
    substring
    SpringSecurity3配置及原理简介
    正则表达式
    type=json
    正则表达式2
    笔记1
    oracle 自带函数大全及例子
    Vector容器类
    HQL
  • 原文地址:https://www.cnblogs.com/yingsong/p/8250275.html
Copyright © 2011-2022 走看看