重新加载div使其全黑

时间:2016-09-28 12:43:18

标签: javascript php jquery reload

我有这个div应该从数据库中用一些数据更新。 我想每隔5秒在这里重新加载这个div:

<div class="account-left">
  <div class="scroll-area" data-spy="scroll" data-offset="0">
    <div class="section" id="myscroll">
      <!--<h1 style="color:black;">{{hais}}</h1>-->

      <div style="text-align: center; background: #eee;">
        <span ng-show="tasklist.options.no_tasks" ng-bind-html="tasklist.options.no_tasks.message"></span>
      </div>
      <ul style="border:1px solid #ddd;border-top:0;">

        <li ng-class="{active:task.task_id == activeValue, 'cursor-pointer':1 }" id="{{'taskLists_' + task.task_id}}" ng-model="task_title_list" ng-repeat="task in tasklist.data| filter:{task_status:'!draft'} | filter: taskFilterCriteria as results" ng-class="{active : task.task_id == activeValue, 'cursor-pointer':1 }"
        ng-click="mytaskfn(task.task_id, $index + 1, task.taskEscTitle, 'browse-task')" ng-attr-title="{{task.task_is_social_task=='yes' ? 'Donate' : ''}}">
          <div class="browse-tasks-sidebar-col-1">
            <img ng-src="{{task.user.user_avatar ? task.user._links.avatar.href : 'themes/customer/images/dummy-user-img.png'}}" class="img-circle" alt="avatar">
          </div>
          <div class="browse-tasks-sidebar-col-2">
            <a>{{task.task_title}}</a>

            <p class="side-col1-1"><i class="fa fa-map-marker"></i>
              {{task.task_type=='online' ? 'online' : task.task_location}}
            </p>
            <p class="side-col1-2" translate translate-values="{comment_count:task.taskComments[0].commentCount, offers_count:task.taskBids[0].bidCount}">{{'comment_offer_count'}}</p>

            <span ng-show="task.task_is_social_task == 'yes'" class="pull-right">
                                                <i class="fa fa-money"  style="color:slategrey"></i>
                                            </span>
          </div>
          <div class="browse-tasks-sidebar-col-3">
            <span class="pull-right">
                                                <!-- if assigned, show assigned offer price. Otherwise show initial poster offer price -->
                                                {{task.task_status == 'draft'|| task.task_status=='posted' || task.task_status=='waiting_paypal_approval' ||
                                                (task.task_status=='cancelled' && !task.assignees.assignees_bid_price) ? currencySymbol + task.task_total_cost : currencySymbol + task.assignees.assignees_bid_price}}</span>
            <br>

            <!-- <button type="button" class="small-btn">EARN</button>-->
            <!-- <a ui-sref="home.browse-tasks.details({taskid:task.task_id, task_title:task.task_title})" class="small-btn pull-right"   ng-click="mytaskfn(task.task_id, $index + 1)" translate>{{'VIEW'}}</a> -->
            <a class="small-btn pull-right" ng-class="{disable:task.task_status != 'posted' && task.task_status != 'waiting_paypal_approval'}">
              <span translate="
{{
    task.task_status=='posted' || task.task_status=='waiting_paypal_approval' ? 'VIEW':
    (
       ( task.task_status=='assigned' || task.task_status=='poster_paid' || task.task_status=='started' ||
         task.task_status=='completed'
       ) ? 'Assigned' :
            ( task.task_status=='cancelled' ? 'Cancelled' :
                ( task.task_status=='expired' ? 'Expired' : 'Completed' )
            )
    )
}}
                                                      "></span>
            </a>
          </div>
        </li>
      </ul>
      <!-- <button class="signup-btn comnt-btn task-alllocate-green loadmore" ng-click="loadMore()">Load more</button> -->
      <a class="loadmore" ng-hide="1" href="javascript:void(0)" ng-click="loadMore(loadvalue, activeTab)">Load more</a>
    </div>
  </div>

</div>
</div>

我做到了这一点,但是在5秒之后它变得全黑。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
  setTimeout(function() {
    //  window.location.reload(1);
    $('.account-left').load('browse-tasks.html');
  }, 5000);
</script>
有没有办法以正确的方式重新加载它? 谢谢!

2 个答案:

答案 0 :(得分:1)

是的,这是可能的。

var w = window.open(url, "test");
w.location.reload();

答案 1 :(得分:0)

您可以使用ajax在按钮单击时更新数据库条目。但从您的角度来看,重新加载或更新其他页面意味着什么?