Question

I want to a div to appear for 10 seconds at a time, every 1 minute. So at the start of the minute, the div should appear for 10 seconds, go away, and then reappear again 50 seconds later, and on and on.

The only thing I have been able to figure out is how to make it disappear after 10 seconds.

$(function() {

    setInterval( function() { 
        hideMsg() 
    }, 10000);

    function hideMsg() {
        $('#header p').css('display', 'none');
    }       
});

Answer 1

$(function() {

    showMsg();     
});
function showMsg()
{
   $('#header p').css('display', '');
   setTimeout(hideMsg, 10000);
}
function hideMsg(){
   $('#header p').css('display', 'none');
  setTimeout(showMsg, 60000);
}

This is it,

showMsg will show message end timeout will execute hideMsg after 10sec then hideMsg will hide msg and timeout will execute showMsg in 1 minute.