PHP + JS 倒计时跳转提示

简爱代码>JavaScript2013-5-11 16:08105689

具体效果点击下面链接查看

点此查看跳转效果

代码 如下：

<?php
/**
 * PHP + JS 倒计时跳转提示
 * 
 * 访问方法   go.php?go=http://wwww.baidu.com   (即可跳转至本站)
 * 
 * 简爱 http://www.gouji.org
 *
**/

if(substr($_GET['go'],0,4) != "http"){header('location: http://gouji.org');}
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="GouJi.org" />
<title>跳转提示</title>
<style type="text/css">
<!--
body {
	background-color:#F7F7F7;
	font-family: Arial;
}
.main {
	background-color:#FFFFFF;
	font-size: 14px;
	color: #666666;
	width:650px;
	margin:60px auto 0px;
	border-radius: 10px;
	padding:30px 10px;
	list-style:none;
	border:#DFDFDF 1px solid;
}
ins, a { text-decoration: none;outline:none;}
#goS{font-size: 40px;}
.goS{font-size: 20px;}
 -->
</style>
</head>
<body>
<div align="center" class="main">
  <h2 id="g"></h2>
  <div id="go">
    <p><span class="goS">GouJi.org 提示您： </span><span id="goS">5</span> 秒钟后 跳转到 <b><a href="<?php echo $_GET['go'].'">'.$_GET["go"]; ?></a></b></p>
    <p><a href="http://gouji.org/">&laquo;点击返回</a></p>
  </div>
</div>
<script language="javascript" type="text/javascript">
var second = document.getElementById('goS').textContent;
var second = 5;
setInterval("redirect()", 1000);
function redirect(){
  if (second < 1){
    write('go','');
    write('g','正在为您打开  请稍后... ...');
    location.href = '<?php echo $_GET['go']; ?>';
  }else{
    second--;
    write('goS',second);
  }
}
function write(id,text){
  if (navigator.appName.indexOf("Explorer") > -1){
    document.getElementById(id).innerText = text;
  }else{
    document.getElementById(id).textContent = text;
  }
}
</script>
</body>
</html>

本文出自简爱博客，转载时请注明出处及相应链接。

倒计时跳转提示 

评论

  1. 谷歌图2014-12-03 14:34回复

    感谢简爱

  2. 黎健雄2013-07-20 20:30回复

    只是这个要怎么用呢？
    给个详细点的教程好么？这些代码放哪里去。

    1. 简爱2013-07-20 21:05回复

      @黎健雄：保存为单独一个PHP文件 如 url.php
      访问 ***/url.php?go=http://wwww.baidu.com

      1. 黎健雄2013-07-20 21:11回复

        @简爱：那不是很麻烦？
        每次输入外链都要这样添加。
        能不能把全站所有的外链都设置成这样？

      2. 简爱2013-07-21 00:05回复

        @黎健雄：本站只是 留言部分  使用的 这种连接  其余部分(友情链接 文章内容)未作改动

      3. pan.so2013-08-07 21:23回复

        @简爱：在那修改评论链接的代码？不知道是那个文件里面

  3. 黎健雄2013-05-11 21:12回复

    这个蛮帅的。

  4. 张宇童's blog2013-05-11 16:19回复

    感谢博主分享！