^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 若文中代码有问题,可能是少了几个问号,留言一定会解决!
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 站点文章结尾新增了赞赏通道
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

分享一个带动态数字倒计时的页面跳转源码

也是偶然发现的,也许有人需要吧!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 <html xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 <title>跳转提示</title> 
 <style type="text/css"> 
 *{ padding: 0; margin: 0; } 
 body{ background: #fff; font-family: '微软雅黑'; color: #333; font-size: 16px; } 
 .system-message{ padding: 24px 48px; } 
 .system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 12px; } 
 .system-message .jump{ padding-top: 10px} 
 .system-message .jump a{ color: #333;} 
 .system-message .success,.system-message .error{ line-height: 1.8em; font-size: 36px } 
 .system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display:none} 
 </style> 
 </head> 
 <body> 
 <div class="system-message" style="text-align:center;"> 
 <!-- <h1>:(</h1> --> 
 <p class="error">您还未登录!</p> 
 <p class="detail"></p> 
 <p class="jump"> 
 页面自动 <a id="href" href="https://www.baidu.com">跳转</a> 等待时间: <b id="wait">3</b> 
 </p> 
 </div> 
 <script type="text/javascript"> 
 (function(){ 
 var wait = document.getElementById('wait'),href = document.getElementById('href').href; 
 var interval = setInterval(function(){ 
 var time = --wait.innerHTML; 
 if(time <= 0) { 
 location.href = href; 
 clearInterval(interval); 
 }; 
 }, 1000); 
 })(); 
 </script> 
 </body> 
 </html>

直接全部复制另存为*.html 用浏览器打开就好了。

历史上的今天:
让小雨知道,这篇文章帮到了你

展开阅读全文

评论 0

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

登录

忘记密码 ?

切换登录

注册