js制作404错误页面5秒钟倒计时自动跳转

布满荆棘的人生 2022-09-27 14:29 230阅读 0赞

<!doctype html>
    <html lang="zh-cn">
    <head>
    <meta charset="utf-8">
    <title>404错误页面</title>
    
    </head>
    
    <body>
    <div style="width:500px; height:350px; position:absolute; top:50%; left:50%; font-family:'Arial'; text-align:center; margin-left:-225px; margin-top:-175px;">
        <h1 style="font-size:200px; line-height:0; color:#444;;">404</h1>
        <p style="color:#ccc; font-size:18px;">Sorry,this page flew to the moon!</p>
        <p><strong id="time" style="color:#D3070A;">5</strong>秒后自动跳转，如果不跳转，请点击下面的链接<a href="http://www.baidu.com/">返回首页</a></p>
    </div>    
    <script type="text/javascript"> 
    	function delayURL(url) {
    		var delay = document.getElementById("time").innerHTML;
    		if(delay > 0) {
    			delay--;
    			document.getElementById("time").innerHTML = delay;
    		} else {
    			window.top.location.href = url;
    		}
    		setTimeout("delayURL('" + url + "')", 1000);
    	}
    	delayURL("http://www.baidu.com/");
    </script>     
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，230人围观）

还没有评论，来说两句吧...

相关阅读

相关 js制作简单倒计时

效果图 ![20191125203010489.gif][] 具体思路：通过计算目标时间到目前时间的时间差，然后将时间差转化为时分秒，具体转化在代码

た入场券/ 2023年06月16日 08:29/ 0 赞/ 127 阅读

相关功能点：3秒倒计时自动跳转指定页面

data() { return { title: "支付结果", count: "" //倒计时

柔光的暖阳◎/ 2023年02月24日 08:21/ 0 赞/ 104 阅读

相关 js -制作红绿灯倒计时

1、html内容： <body> <div class="box">  <d

电玩女神/ 2023年01月04日 10:29/ 0 赞/ 250 阅读

相关 mysql设计高考倒计时_HTML/CSS+JS制作一个高考倒计时页面

2020-07-09更新修复倒计时归零后出现负数的bug 自动切换至下一年日期效果展示 ![223f90991b5652d9f79d92938a0050da.png

系统管理员/ 2022年10月24日 11:41/ 0 赞/ 322 阅读

相关 js制作404错误页面5秒钟倒计时自动跳转

<!doctype html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <t

布满荆棘的人生/ 2022年09月27日 14:29/ 0 赞/ 231 阅读

相关 jsp倒计时跳转

这里写了页面的倒计时跳转，例子为10秒跳转 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

墨蓝/ 2022年09月05日 15:54/ 0 赞/ 299 阅读

相关页面5秒自动转跳

现象：设置页面5秒自动转跳方法：（1）： ![这里写图片描述][SouthEast] （2）： ![这里写图片描述][SouthEast 1] （3

约定不等于承诺〃/ 2022年06月08日 00:05/ 0 赞/ 301 阅读

相关 js制作简易倒计时

一.首先介绍用到date的api new Date()：获取当前时间 getTime()：获取距离1970年的毫秒数 getFullYear()：获取年份 ge

待我称王封你为后i/ 2022年03月28日 15:01/ 0 赞/ 405 阅读

相关 react中简单倒计时跳转

1.其实在react中实现倒计时的跳转方法有很多中，其中我认为较为好用的就是通过定时器更改state中的时间值。首先在constructor中设置10秒的时间值：

灰太狼/ 2021年07月24日 19:38/ 0 赞/ 484 阅读

相关 SpringBoot发生404跳转404页面

开始定义配置类 import org.springframework.boot.web.server.ErrorPage; import org.spring

短命女/ 2021年06月24日 16:12/ 0 赞/ 666 阅读