I am using color box where user can registration. i want color box display after 5 second when body loded on browser so i have used these code but code is not working. code given below.
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css" />
<script src="jquery.cookie.js"></script>
<script>
function openColorBox(){
$.colorbox({iframe:true, width:"60%", height:"65%", href: "http://www.easemytrip.in/dem/popup.html"});
}
$(function(){
setTimeout(function(){
$("colorbox").colorbox({open: true});
},1000);
});
if(!$.cookie("cboxOverlay")){
openColorBox();
$.cookie('cboxOverlay', true, { expires: 0, path: '/' });
}
function countDown(){
seconds--
$("#seconds").text(seconds);
if (seconds === 0){
openColorBox();
clearInterval(i);
}
}
var seconds = 5,
i = setInterval(countDown, 1000);
</script>