Question

我创建了一个网站，当你刷新网站时，它会闪现我的随机博客文章。但我希望能够让它每隔10-15秒向我显示另一篇随机帖子，而无需刷新网页。我正在考虑某种定时循环，它每10秒运行一个循环内部的代码选择一个随机的帖子（我不知道我的代码是否有任何事情可做，但如果有人想要它我将编辑问题包括代码）。

<% blogs.forEach(function(blog){ %>
      <% blog.created.setHours(0,0,0,0) %>


        <% }) %>



 <% specificBlogs = blogs.filter((blog)=>blog.created.toLocaleString() === 
 today.toLocaleString()) %>
 <div class="ui main text container">
 <div class="ui huge header">Post of the day</div>
 <div class="ui top  attached segment">
    <div class="ui divided items">
     <%function myFunction() {%>
   <%  blogs.sort(function(a, b){return 0.5 - Math.random()});%>

 <%}%>
   <%       function shuffle(a) { %>
 <%  var j, x, i; %>
  <% for (i = a.length; i; i--) { %>
 <%      j = Math.floor(Math.random() * i); %>
 <%      x = a[i - 1]; %>
 <%      a[i - 1] = a[j]; %>
  <%      a[j] = x; %>
 <%    } %>
 <%} %>
      <% shuffle(specificBlogs); %>
  <% specificBlogs.splice(1)%>
        <% specificBlogs.forEach(function(blog){ %>
            <div class="item">
                <div class="image">
                    <img src="<%= blog.image %>" >
                </div>
                <div class="content">
                     <a class="header" href="/blogs/<%= blog._id %>">
  <%=blog.title%></a>
                     <div class="meta">
                         <span><%= blog.created.toDateString() %></span>
                     </div>
                     <div class="description">
                         <p><%- blog.body.substring(0, 100) %>...</p>
                     </div>
                     <div class="extra">
                         <a class="ui floated basic violet button" 
     href="/blogs/<%= blog._id %>">
                             Read More
                             <i class="right chevron icon"></i>
                         </a>
                     </div>
                </div>
            </div>
        <% }) %>
      </div>
       </div>
     </div>

Answer 1

以下是每10秒运行一次函数的脚本，您可以创建一个脚本来随机显示您的帖子。时间是以毫秒为单位设置的，因此10.000毫秒是10秒。只需替换＆＃34; YourFunction（）＆＃34;使用您想要用来绘制帖子的功能。

＆＃13;

setInterval(function(){YourFunction();}, 10000);

＆＃13;

每10秒JavaScript定时循环

1 个答案: