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>
    
  • 相关阅读:
    MySQL 8.0系列——轻松改配置,云上友好
    测试expire_logs_days参数
    mongodb单实例安装
    搭建PXC集群指引
    控制mysqldump导出的SQL文件的事务大小
    实战MySQL8.0.17 Clone Plugin
    windows环境下 curl 安装和使用
    git 创建tag , 查看tag , 删除tag
    git 基本操作
    git 一个分支完全覆盖另一个分支
  • 原文地址:https://www.cnblogs.com/yingsong/p/8250275.html
Copyright © 2011-2022 走看看