加载第二函数延迟

Delay in loading second function

本文关键字：延迟 函数 加载      更新时间：2023-09-26

我尝试使用jQuery动画使这个图像淡出到它下面的一个，然后有网页加载大约2秒后淡出。如何设置一个计时器为第二个功能加载?下面是我的代码:

<html>                                                          
<head>                                                                  
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
.fade
{
z-index:1;}
.abs
{position:absolute;
    z-index: 10;}
</style>
</head>
<body>
    <div id="fadephoto">
    <div id="f4d" class="abs">
    <img  src="1.jpg" >
    </div>
<div class="fade">  <img src="4.jpg" /></div>
</div>
</body>  
<script>
{var fadeClicked = false;}
$("#f4d").click(function () {
$(this).fadeTo(2000, 0.01)
fadeClicked = true;
});
$('#fadephoto').click(function()
{
    if (fadeClicked)
    {
        window.location.href = ('http://www.ifdvidfji.com');
    }
});
</script>

可以使用settimeout。因为你不想重复代码，你可以触发点击事件在你的手动绕过。

http://jsfiddle.net/3nKDD/

$("#f4d").click(function() {
    $(this).fadeTo(2000, 0.01)
    fadeClicked = true;
    setTimeout(function() { $('#fadephoto').trigger('click'); }, 2200);
});

虽然我将重构你的javascript，因为现在点击触发两个处理程序，我认为你只希望它触发其中一个。

http://jsfiddle.net/3nKDD/2/

相关文章：