js跳转代码怎么延迟 window.location.href="index.html"

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js跳转代码怎么延迟 window.location.href="index.html"相关的知识,希望对你有一定的参考价值。

setTimeout("window.location.href='index.html'",5000);

window.setTimeout("window.location.href='index.html'",5000);
有什么区别吗?
除了以上两种还有没有其他办法

参考技术A 以上两种写法没有区别。
wndows是所有浏览器js对象的根对象,写的时候可以忽略。
js的所有延迟最终都是通过setTimeout来实现。

还有就是可以同setInteval实现周期调用。追问

setInteval周期调用是什么意思,什么效果?简单描述下呗

本回答被提问者和网友采纳
参考技术B 使用 jquery的$.delay()方法

JS之BOM的几个对象

location对象

浏览器的地址栏对象

//对象中的属性和方法
//location对象
//console.log(window.location);
//地址栏上#及后面的内容
//console.log(window.location.hash);
//主机名及端口号
//console.log(window.location.host);
//主机名
//console.log(window.location.hostname);
//文件的路径---相对路径
//onsole.log(window.location.pathname);
////端口号
//console.log(window.location.port);
//协议
//console.log(window.location.protocol);
//搜索的内容
//onsole.log(window.location.search);

location其他的属性和方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" id="btn" value="按钮"/>
<script>
    document.getElementById("btn").onclick = function () {
        location.href="http://www.baidu.com";//跳转到页面的属性,浏览器有后退
        //location.assign("http://www.baidu.com");//跳转到页面的方法,浏览器有后退
        // location.reload();//重新加载--刷新
        //location.replace("http://www.jd.com");//替换,浏览器不能后退
    };
</script>
</body>
</html>
//通过platform属性可以判断浏览器所在的系统平台类型.
//console.log(window.navigator.platform);

定时器

<script>
//setInterval函数返回timeId
  var timeId = setInterval(function () {
    alert("hello");//每隔一秒弹框
  }, 1000);
  document.getElementById("btn").onclick = function () {
    //点击按钮,停止定时器
    //参数:要清理的定时的id的值
    window.clearInterval(timeId);
  };
</script>

以上是关于js跳转代码怎么延迟 window.location.href="index.html"的主要内容,如果未能解决你的问题,请参考以下文章

Arison [JS]window.location获取url各项参数详解

js延迟window.open window.location几秒之后跳转

JS之BOM的几个对象

js获取当前页面信息

js跳转(js跳转网页)

各位js大神,请问这样的按时间跳转的代码怎么写!