3秒自动跳转(csdn的blog出错时的效果)

本文档详细解析了一个优快云博客未开通提示页面的HTML结构及JavaScript代码逻辑,介绍了页面样式设置、倒计时功能实现及自动跳转功能。
 其中toFixed方法

 返回一个字符串,代表一个以定点表示法表示的数字。



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    
<title>.Text - Error encountered</title>
    
<style type="text/css">
        BODY 
{ PADDING-RIGHT: 32px; PADDING-LEFT: 32px; FONT-SIZE: 13px; BACKGROUND: #eee; PADDING-BOTTOM: 32px; 

MARGIN-LEFT
: auto; WIDTH: 80%; COLOR: #000; MARGIN-RIGHT: auto; PADDING-TOP: 32px; FONT-FAMILY: verdana, arial, sans-serif }
        DIV 
{ BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 32px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 32px; 

BACKGROUND
: #fff; PADDING-BOTTOM: 32px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 32px; BORDER-BOTTOM: #bbb 1px solid }
        H1 
{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 150%; PADDING-BOTTOM: 36px; MARGIN: 

0px
; COLOR: #904; PADDING-TOP: 0px; FONT-FAMILY: "trebuchet ms", ""lucida grande"", verdana, arial, sans-serif }
        H2 
{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 105%; PADDING-BOTTOM: 0px; MARGIN: 

0px 0px 8px
; TEXT-TRANSFORM: uppercase; COLOR: #999; PADDING-TOP: 0px; BORDER-BOTTOM: #ddd 1px solid; FONT-FAMILY: "trebuchet 

ms", ""lucida grande"", verdana, arial, sans-serif 
}
        P 
{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-TOP: 6px }
        A:link 
{ COLOR: #002c99; TEXT-DECORATION: none }
        A:visited 
{ COLOR: #002c99; TEXT-DECORATION: none }
        A:hover 
{ COLOR: #cc0066; BACKGROUND-COLOR: #f5f5f5; TEXT-DECORATION: underline }
        
</style>

    
<script type="text/javascript">
    
<!--
    
var duration=2900;
    
var timer=null;
    
var endTime = new Date().getTime() + duration + 100;
    
function interval()
    {
        
var n=(endTime-new Date().getTime())/1000;
        
if(n<0return;
        document.getElementById(
"timeout").innerHTML = n.toFixed(3);
        setTimeout(interval, 
10);
    }
    
function stopJump()
    {
        clearTimeout(timer);
        document.getElementById(
"jumphint").style.display = "none";
    }
    window.onload
=function()
    {
        timer
=setTimeout("window.location.href='http://blog.youkuaiyun.com/'", duration);
        interval();
    }
    
//-->
    </script>

</head>
<body>
        
<div>
            
<h1>出错啦!!</h1>
            对不起! 您所访问的BLOG未开通!
<br />
            
<span id="jumphint">系统在 <span id="timeout">3.000</span> 秒后 将自动</span>跳转到 <

href="http://blog.youkuaiyun.com">BLOG首页</a><br />
            
<input type="button" value="停止自动跳转" onclick="stopJump(); this.disabled=true" />
        
</div>

</body>
</html>
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值