javascript - Spinner 最小时间延迟 Jquery

Question

下面的java脚本工作正常(Jquery)

$(document).ready(function(){
$('#c_area').load($('.m_top:first').attr('href'))   
});
$('.m_top').click( function(){
$("#myDiv").html('<img src="images/loading.gif" alt="Wait" />');
var name= $(this).attr('href');
$('#c_area').hide().load(name).fadeIn('normal');                
$("#myDiv").html('');
return false;
});

我想显示加载图像(旋转器)至少 2 秒，因为当页面已经加载时，再次单击链接时，加载图像(旋转器)不会再次显示，因为页面已经加载已加载。

最短时间 = 2 秒

最长时间=直到内容加载

Answer 1

使用延迟()。给出以毫秒为单位的秒数，例如

$('#c_area').delay(2000).hide().load(name).fadeIn('normal');   
            //^ delay for 2 sec then hide      

这是您的解决方案。

我使用setTimeout()在2秒后触发该函数。

$('.m_top').click( function(){          

    var name= $(this).attr('href');
    $('#c_area').html('<img src="images/loading.gif" alt="Wait" />');
    setTimeout( function() {
       $("#c_area").hide().load(name).fadeIn("normal");
    },2000);

    $("#myDiv").html('');
    return false;
});