如何根据 laravel 中的某个持续时间将一个选项卡的内容移动到另一个选项卡？

Question

我有 4 个标签菜单。最初，我在其中一个选项卡中显示了最后插入的数据库记录。

但经过一段时间的持续时间后，该选项卡中的内容被选中并移动到下一个选项卡。

我将使用 javascript、php 和 laravel 框架。我对此一无所知。

请给我一些参考。

控制器代码：

 public function show()
{

   $pendingFiles= priceInfo::all()->first();
    $count= count($pendingFiles);
    return view('MyList')->with('pendingFiles',$pendingFiles)-
  >with('count',$count);
}

这是我的控制器代码。。在这里我自己有一个疑问，如何根据更新时间获取记录。

查看代码：

 <div id="nonlive" class="tab-pane fade pull-center">
<br/>
<ul class="nav nav-tabs navbar-centre">
<li class="active pull-left" ><a data-toggle="tab" href="#qcverified">
<h4 ><strong>QCVerified</strong></h4></a></li>
<li class="pull-center"><a data-toggle="tab" href="#qcfailed"><h4>
<strong>QCFailed</strong></h4></a></li>
<li class="pull-center"><a data-toggle="tab" href="#qcpending"><h4>
<strong>QCPending  ({{$count}})</strong></h4></a></li>
<li class="pull-center"><a data-toggle="tab" href="#archieved"><h4>
  <strong>Archieved;</strong></h4></a></li>
 <br>
</ul>




<div class="tab-content">
<div id="qcverified" class="tab-pane fade in active">

</div>


<div id="qcfailed" class="tab-pane fade pull-center">

</div>
<div id="qcpending" class="tab-pane fade pull-center">

   <div class="row marketing">

  <div class="col-lg-15 tab-div" id="version_database" >
    <div  class='div-tab'>
     <div class="box">
      <div class="box-header">

        </div><!-- /.box-header -->
          <div class="box-body table-responsive">
            <table id="example1" class="table table-bordered table-
     hover dataTable" role="grid" aria-describedby="example2_info">
             <thead>
          <tr class="header">
              <th valign="middle" width="3%">S.no</th>
              <th valign="middle" width="10%">Product Details</th>
              <th valign="middle"  width="5%">SKUID</th>
                <th valign="middle" width="20%">Type of Request</th>
                <th valign="middle" width="5%">Action</th>

             </tr> 

            </thead>
            <tbody role="alert">
            <td>{{$pendingFiles->productId}}</td>
            <td>{{$pendingFiles->productName}}</td>
            <td>{{$pendingFiles->SKUID}}</td>
            <td>Create Request Listing</td>
            <td>action</td>


            </tbody>

                </table>
                </div>
                </div>

    </div>
  </div>
          </div>



</div>
<div id="archieved" class="tab-pane fade pull-center">

</div>

</div>


</div>

Answer 1

你可以这样试试。

首先，您在每个选项卡上添加 url。喜欢以下。

Tab1: http://localhost/somepage/tab/1
Tab2: http://localhost/somepage/tab/2
Tab3: http://localhost/somepage/tab/3

在javascript中，你可以触发定时器。

<script>
    var tab_id = '{{$tab_id}}';
    var time_in_ms = 10000;
    setTimeout(function(){
        location.href = '/somepage/tab/' + (tab_id + 1);
    }, time_in_ms);
</script>