HTML显示图像，然后等待，然后显示另一个图像

什么，我要做的是使它所以当用户检查过一个单选框，图像显示，10秒钟后，一个SWF文件显示。我有图像工作。我尝试在我的html函数中使用php sleep，但睡眠在页面加载时开始，请记住所有这些都需要在onlclick函数中完成。我也尝试使用JavaScript函数从另一个PHP文件中获取内容。HTML显示图像，然后等待，然后显示另一个图像

<script type="text/javascript"> 
function doit() 
{ 

    $.get("dumplings.php"); 
    return false; } 



</script>

Dumplings.php睡了10秒钟，然后回声我的HTML与瑞士法郎在它。那也行不通。

这里是我的单选框

<input name="sample_check3" id="sample_check3" value="1" type="radio" onclick="showStuff('img');doit();"/>

来源

2012-08-15 user1307079

你为什么不JavaScript中使用的setTimeout呢？没有必要让一个PHP脚本在睡眠10秒后等待交付，它只占用资源。 – Clarence 2012-08-15 12:46:26

你的意思是settimeout在获取php文件之前？在PHP文件里面回应了html吗？因为它正试图现在要做的是让PHP文件，那么PHP文件睡觉，回声，但如果它会占用的recources与否，它仍然没有工作 – user1307079 2012-08-15 12:56:00

可以告诉你在jsfiddle.net – 2012-08-15 12:57:04

试试这个：

<!doctype html> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> 
<script src="json.json"></script> 
<script> 
$(document).ready(function() { 
    $("#sample_check3").on('click', function(){ 
     if($(this).attr('checked') === 'checked'){ 
      $("#image1").css('display',''); 
      setTimeout(function(){ 
       $("#image1").css('display','none'); 
       $("#image2").css('display',''); 
      },3000); 
     } 
    }); 
}); 
</script> 
</head> 
<body> 
<input name="sample_check3" id="sample_check3" value="1" type="radio"/> 
<img id="image1" src="http://www.andrew.cmu.edu/user/nguesto/images/pikachu.jpg" style="display:none"/> 
<img id="image2" src="http://faqsmedia.ign.com/faqs/image/ani004.gif" style="display:none"/> 
</body> 
</html>

来源

2012-08-15 12:58:32 Valentin

所以我想一个小的演示在onclick中调用setTimeout（）？ – user1307079 2012-08-15 13:12:56

是，调用它的点击，但一定要检查它调用的setTimeout – Valentin 2012-08-15 13:44:54

好之前“检查”，我不需要任何params用于在setTimeout的，因为它是在功能？ – user1307079 2012-08-15 17:10:07

HTML显示图像，然后等待，然后显示另一个图像

回答

相关问题