我正在尝试使用HTML,CSS和jQuery为远程可用性测试构建一个印象测试。用户需要点击一个按钮才能启动展示测试,该测试会在iframe中显示客户端页面5秒钟然后自行隐藏。
我找了很多与此非常相似的代码,但不完全是我需要的东西,我不能让它自己工作,因为我的jQuery知识还很差。
所以,我正在寻找的是这样的:
点击显示iframe 5000
隐藏
我尝试使用这段代码来点击css iframe {display:none};
<script type="text/javascript">
$(function() {
$("#show").click(function() {
$("#iframe1").show("5000");
});
});
</script>
思考“它会在点击5秒后显示,然后返回正常显示:无。
但是没有......它会在点击时显示,它会停留在那里。
任何人都可以帮助我吗?
答案 0 :(得分:2)
以下是如何在jQuery中执行此操作:
$(document).ready(function() {
$("#show").click(function() {
$("#iframe1").show().delay(5000).hide(500);
});
});
答案 1 :(得分:0)
您需要使用window.setTimeout事件。例如:
$(document).ready( function() {
$('#element').hide();
window.setTimeout(function() {
$('#element').show();
}, 5000);
});
您可以交换隐藏/显示以满足您的需求。
JSFiddle:http://jsfiddle.net/NfCHG/1/
答案 2 :(得分:0)
试试这个
<script type="text/javascript">
$(function() {
$( "#show" ).click(function() {
$( "#iframe1" ).show().delay(500);
$( "#iframe1" ).show().delay(5000);
});
});
</script>