两种方法实现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>

原文地址:https://www.cnblogs.com/yingsong/p/8250275.html

时间: 2024-10-11 07:21:54

两种方法实现js页面隔几秒后跳转,及区别的相关文章

android 页面停几秒后跳转

<span style="white-space:pre">      </span>//实现等待几秒后跳转,方法一 new Handler().postDelayed(new Runnable() { @Override public void run() { Intent intent = new Intent(MainActivity.this, ExampleActivity.class); startActivity(intent); } }, SPL

【js 方法】js 页面刷新location.reload和location.replace的区别 【转】

[转]:http://zccst.iteye.com/blog/2162658 reload 方法,该方法强迫浏览器刷新当前页面. 语法: location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,

5秒后跳转到另一个页面的js代码

今天看视频学习时学习了一种新技术,即平时我们在一个页面点击"提交"或"确认"会自动跳转到一个页面. 在网上搜了一下,关于这个技术处理有多种方法,我只记下我在视频里学到的三种: 1.用一个response.sendRedirect("目标页面.jsp\.htm");实现直接跳转: 2.有时我们需要有点提示,比如"x秒后自动跳转,若没有跳转,请点击此处",则可以在myeclipse中调用Snippets中的Delay Go To

两种方法实现在HTML页面加载完毕后运行某个js

两种方法实现在HTML页面加载完毕后运行某个js 这篇文章主要介绍了通过两种方法实现在HTML页面加载完毕后运行某个js,需要的朋友可以参考下 js方法: 复制代码 代码如下: <script type="text/javascript"> window.onload=function(){ var userName="xiaoming"; alert(userName); } </script> 以下为jQuery方法,需要引用jQuery

利用来JS控制页面控件显示和隐藏有两种方法

利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一:  1 2 document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐

div随页面滚动遇顶固定的两种方法(js&amp;jQuery)

一.遇顶固定的例子 我一直以为是某个div或层随屏幕滚动,遇顶则固定,离开浏览器顶部又还原这样的例子其实不少,其实它的名字叫"层的智能浮动效果".目前我们在国内的商业网站上就常常看到这样的效果了.例如淘宝网的搜索结果页的排序水平条,在默认状态时,该工具条是跟随页面滚动的,如下图: 而当我们下拉滚动条,随着页面向下滚动,当此工具条接触到浏览器的上边缘时,这时就会独立出来固定在顶部,不跟随页面滚动而滚动了,如下图: 类似的例子效果我们在别的网站上都有看到过,例如腾讯微博首页上,当我们下拉屏

使用js提交form表单的两种方法

提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){ var result = document.getElementById("userid").value; var password = document

获取网页URL地址及参数等的两种方法(js和C#)

转:获取网页URL地址及参数等的两种方法(js和C#) 一 js 先看一个示例 用javascript获取url网址信息 <script type="text/javascript"> document.write("location.host="+location.host+"<br>"); document.write("location.hostname="+location.hostname+&

MyEclipse取消验证Js的两种方法

MyEclipse取消验证Js的两种方法 作者: 字体:[增加 减小] 类型:转载 通过js写一个web工程的相关页面时感觉很卡,修改内存也不行下面有两种解决方法,大家可以尝试下 前言:有时我们通过js写一个web工程的相关页面时感觉很卡,修改内存也不行下面有俩种解决方法: 1. 选中当前工程—properties—MyEclipse—validation—Excluded Resource下找到须要作废验证的文件或者文件夹就可以了. 2. 找到在项目路径下面的.project文件中配置了一些验