Как запустить js скрипт через 30 секунд после загрузки страницы?

Question

[viktorross]

здравствуйте, подскажите пожалуйста как запустить скрипт через 30 секунд после загрузки страницы? у меня это работает, но с ошибкой в консоле, т.е что-то сделал не так

setTimeout(function showxxx()
    {
        $.ajax({
            url: "rand_banner_header.php",
            cache: false,
            success: function(html){
                $("#contentqxxxxxxx").html(html);
            }
        });
    },30000);


    $(document).ready(function(){
        showxxx();
        setInterval('showxxx()',30000);
    });

ошибку показывает здесь

showxxx(); но запускает через 30 секунд , а потом обновляет каждые 30, как и должно, подскажите кто-нибудь как грамотно скорректировать этот код?

сейчас предположил что нужно заворачивать вторую часть кода в setTimeout

$(document).ready(function(){
        showxxx();
        setInterval('showxxx()',30000);
    });

подскажите как, я просто не знаток js

Answer 1

[historydev]

$(document).ready(function(){

function showxxx()
    {
        $.ajax({
            url: "rand_banner_header.php",
            cache: false,
            success: function(html){
                $("#contentqxxxxxxx").html(html);
            }
        };

        setTimeout(showxxx, 30000);
    });

Comments

[viktorross]

Владимир, спасибо большое, но мне нужно еще не потерять setInterval('showxxx()',30000);, чтобы axaj  перезагружал блок каждые 30 секунд..

[historydev]

viktorross,

$(document).ready(function(){

function showxxx()
    {
        $.ajax({
            url: "rand_banner_header.php",
            cache: false,
            success: function(html){
                $("#contentqxxxxxxx").html(html);
            });
 
            setTimeout(showxxx, 30000);

        };

       setTimeout(showxxx, 30000);

    });

[viktorross]

Владимир, спасибо, но не работает почему-то, ошибка тут показывает

setTimeout(showxxx, 30000);

        };

       setTimeout(showxxx, 30000);

Unexpected token ')'. Expected '}' to end an object literal

[historydev]

viktorross, я специально оставил синтаксическую ошибку, надеюсь на ваше стремление к изучению,

тут

$(document).ready(function(){

function showxxx()
    {
        $.ajax({
            url: "rand_banner_header.php",
            cache: false,
            success: function(html){
                $("#contentqxxxxxxx").html(html);
            });
 
            setTimeout(showxxx, 30000);

        };

       setTimeout(showxxx, 30000);

    });

ответ, откройте только в том случае если вам плевать и ничего вы учить не хочете, либо если разберётесь сами чтобы сравнить.

[viktorross]

Владимир, все разобрался, там их 2 было, один сразу заметил, а недостающую скобку не сразу

$(document).ready(function() {

function showxxx()
    {
        $.ajax({
            url: "rand_banner_header.php",
            cache: false,
            success: function(html){
                $("#contentqxxxxxxx").html(html);
            }
          });

            setTimeout(showxxx, 30000);

        };

       setInterval(showxxx, 30000);

    });

спасибо большое за помощь))

[historydev]

viktorross, удачи в обучении)

[Andrew]

viktorross, setTimeout(showxxx, 30000);
Это зачем?

[viktorross]

Andrew, там у меня между contentqxxxxxxx блок, сначала показывается он, а потом через 30 секунд начинает меняться каждые 30 секунд, однако я не учел сразу, что такой метод не нужен, т.к у пользователей открыто по 10 страниц, при этом на ночь и с включенными компьютерами, не знаю как так вышло, но сервер заddosил, у некоторых было по 400 000 запросов за 4 часа прямо из личного кабинета, в общем убрал, не знаю откуда такие цифры взялись это надо было 1000 страниц открыть разом, но факт остается фактом..и это были не боты а реальные пользователи, которые полетели в бан просто так автоматом

<div id="contentqxxxxxxx">CODE</div>