Как обновлять конкртеную часть html страничке в цикле?

Question

У меня возникла задача обновлять image в цикле, я абсолютный новичок и понятия не имею как это сделать, знаю только что js + ajax. Помогите пожалуйста.

<html>
  <head>
    <title> image</title>
    <script>
      document.read(function(){
        $("#frame")
      })

    </script>
    <meta charset="utf-8">
  </head>
  <body>
<<image src="/home/anton/frame.jpg" alt="image" id= "frame">
  </body>
</html>

Answer 1

    let Arr = ['https://netology.ru/backend/uploads/page_assets/images/file/51/css.svg','https://netology.ru/backend/uploads/page_assets/images/file/52/js.svg','https://netology.ru/backend/uploads/page_assets/images/file/53/canvas-1.svg'];

    let i = 0;
    function f() {
        if (i<Arr.length) {
            var c = Arr[i];
            var elem = document.getElementById('frame');
            elem.src = c;
            i++;
        }
    }
    setInterval(f, 500);

<head>
    <title> image</title>
    <meta charset="utf-8">
</head>
<body>
<image src="https://netology.ru/backend/uploads/page_assets/images/file/50/html.svg" alt="image" id= "frame">
</body>

БЛОГ НА HUSL

Как обновлять конкртеную часть html страничке в цикле?

Ответы (1 шт):