• 技术文章 >后端开发 >PHP问题

    php怎么实现五秒后跳转

    藏色散人藏色散人2021-12-30 10:10:56原创222

    php实现五秒后跳转的方法:1、创建一个success.php操作成功页面;2、创建一个error.php操作失败页面;3、通过“playSec(5);”实现五秒后跳转即可。

    本文操作环境:Windows7系统、PHP7.1版、Dell G3电脑。

    php怎么实现五秒后跳转?

    PHP 5秒后自动跳转到某页面:

    history.go(-2); //javaScript代码,后退两个页面。

    setTimeout("playSec("+num+")",1000); //JavaScript代码,定时器,一秒后调用playSec()函数。

    1、success.php 操作成功页面

    <?php
    $message=urldecode($_GET["message"]);
    $url=trim($_GET["url"]);
    ?>
    <!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">
    *{margin:0px;padding:0px;}
    .box{
    width:450px;
    border:1px solid #f0f0f0;
    background:#FFFFCC;
    margin:100px auto;
    padding:20px;
    font-size:14px;
    line-height:180%;
    color:#444;
    }
    h2{margin-bottom:10px;}
    #time{color:#FF0000;}
    .color2{color:#0099FF;}
    a.a1:link,a.a1:visited{color:#0099FF;text-decoration:none;}
    a.a1:hover{color:#FF0000;text-decoration:underline;}
    </style>
    </head>
     
    <body>
    <div class="box">
    <h2 align="center">操作成功</h2>
    <p><b>提示:<?php echo $message;?></b></p>
    <p>系统将在 <span id="time">3</span> 秒钟后自动跳转,如果不想等待,请点击 <a class="a1" href="<?php echo $url?>">这里</a> 跳转。</p>
    </div>
    </body>
    </html>
    <script language="javascript">
    function playSec(num)
    {
    time.innerText=num;
    if(--num >0)
    {
    setTimeout("playSec("+num+")",1000);    //设置定时器,一秒后调用playSec()函数
    }else
    {
    location.href="<?php echo $url?>";   //跳转到其他页面
    }
    }
    playSec(3);
    </script>

    2、error.php 操作失败页面

    <?php
    $message=urldecode($_GET["message"]);
    ?>
    <!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">
    *{margin:0px;padding:0px;}
    .box{
    width:450px;
    border:1px solid #f0f0f0;
    background:#FFFFCC;
    margin:100px auto;
    padding:20px;
    font-size:14px;
    line-height:180%;
    color:#444;
    }
    h2{margin-bottom:10px;}
    #time{color:#FF0000;}
    .color2{color:#0099FF;}
    a.a1:link,a.a1:visited{color:#0099FF;text-decoration:none;}
    a.a1:hover{color:#FF0000;text-decoration:underline;}
    </style>
    </head>
     
    <body>
    <div class="box">
    <h2 align="center">操作失败</h2>
    <p><b>提示:<?php echo $message;?></b></p>
    <p>系统将在 <span id="time">5</span> 秒钟后自动跳转,如果不想等待,请点击 <a class="a1" href="javascript:history.go(-2);">这里</a> 跳转。</p>
    </div>
    </body>
    </html>
    <script language="javascript">
    function playSec(num)
    {
    var time = document.getElementById("time");
    time.innerText=num;
    if(--num >0)
    {
    setTimeout("playSec("+num+")",1000);    //设置定时器,每一秒调用一次playSec()函数
    }else
    {
    history.go(-2);   //后退两个页面
    }
    }
    playSec(5);
    </script>

    推荐学习:《PHP视频教程

    以上就是php怎么实现五秒后跳转的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:php
    上一篇:php如何实现SSO登录 下一篇:php如何实现翻转
    PHP编程就业班

    相关文章推荐

    • php怎么实现定时自动跳转• PHP中跳转与重定向的区别是什么• php怎么实现3秒跳转页面• php 怎么判断域名跳转

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网