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

 其中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 < 0 return ;
        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.csdn.net/' " , duration);
        interval();
    }
    
// -->
     </ script >

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

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

</ body >
</ html >
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值