^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望对你有帮助,如果有代码出错,请联系站长解决
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 8年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人
  • 腾讯云3年2核2G新品轻量限时特惠只需408元

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

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

<!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 用浏览器打开就好了。

2 核 2G 限时特惠 396 元/3 年    宝塔建站 10850 大礼包

赠人玫瑰,手有余香。