添加延迟并在点击输入按钮时显示消息

我有一个输入按钮，用于从前端提交内容以供后端查看。问题是它没有显示确认信息 - 它没有设置为表格，否则这很容易（我无法将其更改为表单）。添加延迟并在点击输入按钮时显示消息

输入按钮有一个唯一的ID - 我想补充一个小延迟的说5秒按钮被点击，它显示一个消息，说“感谢内容已提交审核”时。这是可能的Javascript或PHP？

我有一个按钮上的代码是：

<input type="button" class="button-primary" id="wdqs-post" value="Post">

来源

2013-06-20 RICKY DAWN

是，请提供现有的代码。 – sinisake

是的，这是可能的。请告诉我们你到目前为止所尝试过的。 –

是的，这是可能的JS –

这是你想要的吗？ Test

实施例测试1：

HTML测试1：

<input type="button" value="Test" onclick="showAlert();"></input>

JAVASCRIPT测试1：

function showAlert() { 
    setTimeout(function() { 
     alert('thanks the content has been submitted for review'); 
    },5000); // 5 seconds 
}

实施例处理的JavaScript的onclick和表示延迟前警报：Test2

JAVASCRIPT的Test2：

document.getElementById("myButton").onclick=function(){showAlert()}; 

function showAlert() { 
    alert('thanks the content has been submitted for review'); 

    setTimeout(function() { 
     // DO OTHER STUFF 
    },5000); // 5 secon 
}

实施例示出了在DIV警报：Test3

HTML Test3的：

<input id="myButton" type="button" value="Test"></input> 

<div id="alert" style="display: none;"> 
    thanks the content has been submitted for review. 
</div>

JAVASCRIPT Test3的：

document.getElementById("myButton").onclick=function(){showAlert()}; 

function showAlert() { 
    document.getElementById("alert").style.display = "block"; 

    setTimeout(function() { 
     // DO OTHER STUFF 
    },5000); // 5 secon 
}

CSS Test3的（很简单）：

#alert { 
    border: 1px solid; 
    height: 20px; 
    width: 400px; 
    position: absolute; 
    left: 150px; 
    top: 40px; 
}

来源

2013-06-20 09:04:12 maqjav

感谢您的快速回复 - 像这样的事情是我想要的，但理想情况下不是提醒，而是为了显示隐藏的div或其他内容。另外我不能添加onclick函数或任何按钮，所以如果可能的话，它将需要通过ID抓取？ –

我刚刚测试过这个，是否可以立即显示警报，而不是延迟后显示？ –

@RICKYDAWN我编辑了用JS处理onclick的脚本，并在延迟之前显示脚本。给我一下，我会告诉你如何显示一个隐藏的div。 – maqjav

if(isset($_POST['rbutton']) == null) 
{ echo "thanks"; 
    $time = 2; 
    $url = "http://localhost/method/index.php"; 
    Header("Refresh: $time; url=$url"); 
    exit(); 
}

您可以使用这些类型的PHP代码，它显示的消息后延迟2秒，再直接任何你想要的页面......（这一点，如果是可选的，您可以检查另一件事或服务器响应）

来源

2013-06-20 10:05:37 railgun

添加延迟并在点击输入按钮时显示消息

回答

相关问题