js定时跳转网页_js 网页代码

大家好，又见面了，我是你们的朋友全栈君。

效果如下：五秒跳完之后，转到百度的页面

在这里插入图片描述

js代码如下：

window.οnlοad=init; function init(){ window.setTimeout(“tiaozhuan()”,5000); window.setInterval(“shijian()”,1000); //五秒后调用tiaozhuan } function tiaozhuan(){ location.replace(“http://www.baidu.com”); }

		function shijian(){
			var obj=document.getElementById("dl");
			var n=obj.innerHTML;
			obj.innerHTML=n-1;
		}

body中的代码：

账号注册成功，页面会在5秒内自动跳转到首页

css中的代码： #dl{ font-size: 60px; color: red; }

下面是另一种定时页面跳转：

效果如下：

在这里插入图片描述

下面是js代码：

var seconds=document.getElementById(‘seconds’);

			seconds.innerHTML = --secs;
			
			if(secs>0){
				window.setTimeout('timing('+secs+',\''+url+'\')',1000);
			}else{
				location.href=url;
			}
			
		}
		timing(3,'http://www.baidu.com');

接下来时css代码： body{background: gray;} div{ margin: 20px auto; width: 350px; height: 150px; border: 1px solid #000; background: white; padding: 10px;

		}
		h2{text-align: center;}
		span{font-size: 150%;color: red; margin: 0 10px;}

下面是body代码:

在这里插入图片描述

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/170162.html原文链接：https://javaforall.cn