Javascript 选项卡和图像定时更改

我有一个选项卡，在左侧显示选项卡内容，但刷新时，选项卡当前页面不会保留，而是返回到主页链接

其次，在tabcontent上，我在Django数据库中有图像，如果我使用forloop将它们显示在我的模板上，但是我想在给定的时间后更改图像。下面是我的代码，以便更好地理解

Js

//侧栏功能
函数openLinks（links）{
var i；
var x=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

我的HTML

<div class="sidebar">
      <ul>
        <li><a href="#/home" class="tablinks" onclick="openLinks('home')">
          <span class="icon"><i class="fas fa-home" aria-hidden=True></i></span>
          <span class="title">Home</span>
        </a></li>

        <li><a href="#/men" class="tablinks" history="true" onclick="openLinks('men')">
          <span class="icon"><span class="icon"><i class="fas fa-male" aria-hidden=True></i></span>
          <span class="title">Men</span>
        </a></li>
</div>


<div id="home" class="tabcontent">
            {% for home in home %}
          <div class="column">
            <a href="{{men.get_men_absolute_url}}"><img src="{{home.pictures.url}}" style="width: 150px; height: 100px;"></a>
              </div>

  {% endfor %}
 
<div id="men" class="tabcontent" style="display: none;">
            {% for men in men %}
          <div class="column">
            <a href="{{men.get_men_absolute_url}}"><img src="{{men.men_pictures.url}}" style="width: 150px; height: 100px;"></a>
              </div>
{% endfor %}

  </div>

{home%中的home%}
{%endfor%}
{男性占男性的百分比%}
{%endfor%}

在HTML中，forloops上没有{%endfor%}。这是不是因为Django通常会在没有这些内容的情况下崩溃的全部HTML原因？

我已经完成了更改。。。谢谢

<div class="sidebar">
      <ul>
        <li><a href="#/home" class="tablinks" onclick="openLinks('home')">
          <span class="icon"><i class="fas fa-home" aria-hidden=True></i></span>
          <span class="title">Home</span>
        </a></li>

        <li><a href="#/men" class="tablinks" history="true" onclick="openLinks('men')">
          <span class="icon"><span class="icon"><i class="fas fa-male" aria-hidden=True></i></span>
          <span class="title">Men</span>
        </a></li>
</div>


<div id="home" class="tabcontent">
            {% for home in home %}
          <div class="column">
            <a href="{{men.get_men_absolute_url}}"><img src="{{home.pictures.url}}" style="width: 150px; height: 100px;"></a>
              </div>

  {% endfor %}
 
<div id="men" class="tabcontent" style="display: none;">
            {% for men in men %}
          <div class="column">
            <a href="{{men.get_men_absolute_url}}"><img src="{{men.men_pictures.url}}" style="width: 150px; height: 100px;"></a>
              </div>
{% endfor %}

  </div>