^ 回到顶部
  • 人生没有定律,每个人都有自己的节奏
  • 本站wordpress建站教程均通过实践后发布,希望可以帮到你
  • 希望你的坚持,都是因为热爱,而不是因为不甘心
  • 5年wordpress建站经验,5星服务品质
  • 那些不愿意让你吃亏的人,才是真正值得你深交的人,也是值得你付出时间的人

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

阿里云服务器9.9

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

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

小鸟动态壁纸邀请码1EEAERT

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

展开阅读全文

扫码关注微信公众号zs40086(微搜片)随时随地微信看片,抢先福利电影等你来
小雨导购

如有疑问,请前往问答中心反馈!

反馈