обновление содержимого div за 10 секунд на сайте WordPress

Question

Я использую WordPress. Мне нужно обновлять div каждые 10 секунд. Содержимое div - это шорткод с изображением из массива.

Имя div - header_image, а код для создания шорткода присутствует в functions.php

Так добавил этот код и ничего не работает

 <script src="http://code.jquery.com/jquery-latest.js"></script>

    <script>
        $(document).ready(function(){
            setInterval(function() {
                $(".header_image").load("functions.php");
            }, 1000);
        });

    </script>

Содержание div

<div class="header_image">
    <a href="<?php echo $data[0]; ?>">
<img  src="<?php echo $data[1]; ?>">
</a>
</div>

Answer 1

Это решило проблему. Добавил JS в функцию и использовал setinterval для смены изображений каждые 10 секунд

<script>
var $image_square = <?php echo json_encode($image_array_square); ?>;
var $link_square =<?php echo json_encode($link_array_square); ?>;
        var i = 0;
        var renew = setInterval(function(){
            if(links.length == i){
                i = 0;
            }
            else {
            document.getElementById("squareImage").src = $image_square[i]; 
            document.getElementById("squareLink").href = $link_square[i]; 
            i++;

        }
        },10000);
        </script>
//To display the first image in the website,taking the 2nd image from array/

<div class="square_image">
<a id="squareLink" href="<?php echo $link_array_square[2]; ?>" onclick="void window.open(this.href); return false;">
<img id="squareImage" src="<?php echo $image_array_square[2]; ?>" >
</a>
</div>
</div>

Answer 2

Если браузер возвращает 404 Не найдено, вы должны использовать абсолютный путь вместо относительного пути.

Пример: если ваш файл functions.php находится в /wp-content/themes/theme-name/functions.php, правильный код должен быть:

$(".header_image").load("/wp-content/themes/theme-name/functions.php");