php 提交保存成功页面 倒计时 跳转

前几天做了一个简单的成功提示页面!

有需要的可以拿去用,写的不好 欢迎指正!~~

因为工程是在CI下面做的,url 自己用的话需要改正下函数!site_url()  这个函数式CI框架的

<html>
<head>
    <meta charset="utf-8" />
    <title>操作成功!</title>
    <style type="text/css">
        .success_msg{
            border: 1px solid #adceff;
            width: auto;
            height: 100px;
            background: #00b7ee;
            padding: 10px;
            font-size: 20px;
            border-radius: 4px;
            line-height: 100px;
        }
    </style>
</head>
    <div class="success_msg">
        <?php echo $msg?>,<span id="second" >3</span>秒钟后跳转!
    </div>

<?php if(isset($url)): ?>
<meta http-equiv="refresh" content="3; url=<?php echo site_url($url)?>">
<?php else:?>
<meta http-equiv="refresh" content="3; url=<?php echo $_SERVER[‘HTTP_REFERER‘];?>">
<?php endif?>
<script type="text/javascript">

    //倒计时
    setInterval("clock()", 1000);
    function clock() {
        var span = document.getElementById(‘second‘);
        var num = span.innerHTML;
        if(num != 0) {
            num--;
            span.innerHTML = num;
        }
    };
</script>

</html>
时间: 2024-08-27 16:32:08

php 提交保存成功页面 倒计时 跳转的相关文章

vue.js实现页面倒计时跳转功能

需求分析: 页面倒计时5秒后进入系统主页,数字需要实时更新! <template> <div class=""> <h1>欢迎来到Vue.js项目首页</h1> <h2>你将在<span style="color:red">{{time}}</span>秒后进入系统</h2> </div> </template> <script> ex

Form表单只提交数据,页面不跳转,返回表单值

html代码: <form method="post" action="Handler/UserHandler.ashx?action=Test" onsubmit="return RuturnLoginResult();" id="UserLoginFrom"><div><p><label>用户名:</label><input type="text&

JavaScript_1___简单页面倒计时跳转

题目来自慕课网的javascript章节练习~ 直接将script嵌入<body>中 setTimeout()实现读秒,window.location.href="",实现到期跳转. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>

在JS中模拟表单的post提交,进行页面的跳转

原文链接:https://blog.csdn.net/jal517486222/article/details/83147761 /* *功能: 模拟form表单的提交 *参数: URL 跳转地址 PARAMTERS 参数 */ function Post(URL, PARAMTERS) { //创建form表单 var temp_form = document.createElement("form"); temp_form.action = URL; //如需打开新窗口,form的

Form 提交表 单页面刷新不跳转

方法一: 1.提交form,action 提交数据,但页面不跳转,可以使用Iframe简单方法 <!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"> &

js cookie 页面倒计时

疯了啦 写了一篇没有保存需求:页面倒计时 只从第一次加购开始公共方法cookie的设置 获取function getCookie(c_name){ if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "="); if (c_start!=-1) { c_start=c_start + c_name.length+1; c_end=document.cookie.indexOf("

AJAX提交数据成功但不会跳转页面

HTML页面通过ajax提交数据成功,但是会执行多次success方法,不会跳转到指定页面 解决办法;把button的type改为button即可 1 <button type="button" id="addBtn" class="btn btn-primary btn-lg">添加</button> 2 3 <script type="text/javascript"> 4  $(&qu

Asp.Net Mvc4 Ajax提交数据成功弹框后跳转页面

1.cshtml页面代码 @model Model.UserInfo @{     ViewBag.Title = "Edit"; var options = new AjaxOptions() { Url = Url.Action("Edit", "Home"), LoadingElementId = "saving", LoadingElementDuration = 2000,         //   Confirm

JS倒计时跳转页面

这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似. 页面代码简单,直接拷贝就能运行,页面可以自己美化下. 1 <!--这里定义倒计时开始数值--> 2 3 <span id="totalSecond">5</span> 4 5 <!--定义js变量及方法--> 6 7 <script language="javascript" type="text/javascri