jquery - Set visibility of css div after predetirmned time after document loads -

simply, want page wait 3-4 seconds make in main div visible.

i know can set visibility of div ahead of time (to hidden), , add script changes visibility visible after page loads.

i'm pretty new jquery/javascript i'm not how toggle switch nor how make wait specific time after document loads.

i have:

$(document).ready(function(){  sort of sleep or delay $("#dropshadow").notsurewhattodofromhere  }); 

so have basic unfunctional flow of want, java keep trying plug in there i'm seeing delays doesn't seem @ all, , i'm not sure how target visibility of div function

you can use settimeout(),

settimeout(function(){    $("#dropshadow").show(); },3000); // 3 second delay