Показване на диалоговия прозорец на jQuery след X секунди превъртане на страницата

Разгледайте модалния потребителски интерфейс на jQuery и sessionStorage.

Ето пример за това, което може да търсите:

function showHelpModal()
{
    // Open the dialog and reset the timer
    $('#mymodal').dialog('open');
    timeoutStarted = false;
}

var t; // Timeout variable
var timeout = 1500; // Timeout in milliseconds
var fakeSessionStorage = {}; // The fake sessionStorage, don't use this in your real code

$(document).ready(function()
{   
    // Initialize the dialog
    $('#mymodal').dialog(
    {
        autoOpen: false,
        height: 500,
        width: 500,
        modal: true,
        buttons: {
            "Don't remind me": function()
            {
                fakeSessionStorage.stopReminding = true;
                $(this).dialog('close');
            },

            "Yes, please": function()
            {
                $(this).dialog('close');
            }
        }
    });

    // Set default reminder value
    if(!fakeSessionStorage.stopReminding)
        fakeSessionStorage.stopReminding = false;

    // On scroll...
    $(document).scroll(function()
    {        
        // If the user doesn't want to be reminded, return false
        if(fakeSessionStorage.stopReminding)
        {
            console.log("Will not remind again");
            return false;
        }

        // Start the timer and prevent it from firing while busy
        timeoutStarted = true;
        clearTimeout(t);
        t = setTimeout(showHelpModal, timeout);
    });
});

И работещ пример в JSfiddle

Моля, имайте предвид, че sessionStorage не работи на JSfiddle, така че използвах обект, наречен fakeSessionStorage, за да покрия това.

Освен това sessionStorage не работи в Internet Explorer 7 или по-ранна версия.

[редактиране]
Свързах грешната цигулка, поправих го.

[редактиране 2]
Проблемът очевидно беше наличието на променлива timeoutStarted там. Мислех, че това е нещо необходимо, но върши повече лошо, отколкото добро.