2016-02-27 183 views
0

我做了一個div塊並將其設置爲每5秒刷新一次,它還包含textarea,所以我在java-script中創建了另一個函數來停止刷新,並且當我失去焦點時從textarea的自動刷新的div,但問題是,當我重新把重點放在文本區域不停止自動refrehing自動刷新div和當textarea選擇停止刷新div

<div id="statusarea"> 
    <div id="status_20" class="status_boxes"> 
     <div><b>Posted by <a href="user.php?u=mtest">mtest</a> 2016-02-23 14:28:47:</b> <span id="sdb_20"><a 

    href="#" onclick="return false;" onmousedown="deleteStatus('20','status_20');" title="DELETE THIS STATUS AND ITS REPLIES">delete status</a></span> &nbsp; &nbsp; <br>sdxcscsc</div> 
      <div id="reply_21" class="reply_boxes"> 
      <div><b>Reply by <a href="user.php?u=mtest">mtest</a> 2016-02-23 14:29:00:</b> <span id="srdb_21"><a href="#" onclick="return false;" onmousedown="deleteReply('21','reply_21');" title="DELETE THIS COMMENT">remove</a></span><br>SWSQQ</div> 
      </div> 
      <div id="reply_22" class="reply_boxes"> 
      <div><b>Reply by <a href="user.php?u=mtest">mtest</a> 2016-02-26 23:23:29:</b> <span id="srdb_22"><a href="#" onclick="return false;" onmousedown="deleteReply('22','reply_22');" title="DELETE THIS COMMENT">remove</a></span><br>asdfvfdfdd</div> 
      </div> 
     </div> 
     <textarea id="replytext_20" class="replytext" onfocus="onfocusstoptimer()" onblur="onblurstarttimer()" onkeyup="statusMax(this,250)" placeholder="write a comment here"></textarea> 
     <button id="replyBtn_20" onclick="replyToStatus(20,'mtest','replytext_20',this)">Reply</button> 
     <div id="status_15" class="status_boxes"> 
      <div><b>Posted by <a href="user.php?u=mtest2">mtest2</a> 2016-02-22 01:56:09:</b> <span id="sdb_15"><a href="#" onclick="return false;" onmousedown="deleteStatus('15','status_15');" title="DELETE THIS STATUS AND ITS REPLIES">delete status</a></span> &nbsp; &nbsp; <br>sdfdsf</div> 
     </div> 
     <textarea id="replytext_15" class="replytext" onfocus="onfocusstoptimer()" onblur="onblurstarttimer()" onkeyup="statusMax(this,250)" placeholder="write a comment here"></textarea> 
     <button id="replyBtn_15" onclick="replyToStatus(15,'mtest','replytext_15',this)">Reply</button> 
     <div id="status_3" class="status_boxes"> 
      <div><b>Posted by <a href="user.php?u=mtest">mtest</a> 2016-02-17 12:35:57:</b> <span id="sdb_3"><a href="#" onclick="return false;" onmousedown="deleteStatus('3','status_3');" title="DELETE THIS STATUS AND ITS REPLIES">delete status</a></span> &nbsp; &nbsp; <br>&lt;script&gt;alert("sdade");&lt;/script&gt;</div> 
      <div id="reply_4" class="reply_boxes"> 
      <div><b>Reply by <a href="user.php?u=mtest">mtest</a> 2016-02-17 13:23:46:</b> <span id="srdb_4"><a href="#" onclick="return false;" onmousedown="deleteReply('4','reply_4');" title="DELETE THIS COMMENT">remove</a></span><br>sfdsf</div> 
      </div> 
      <div id="reply_5" class="reply_boxes"> 
      <div><b>Reply by <a href="user.php?u=mtest">mtest</a> 2016-02-17 13:23:59:</b> <span id="srdb_5"><a href="#" onclick="return false;" onmousedown="deleteReply('5','reply_5');" title="DELETE THIS COMMENT">remove</a></span><br>sdfff</div> 
      </div> 
     </div> 
     <textarea id="replytext_3" class="replytext" onfocus="onfocusstoptimer()" onblur="onblurstarttimer()" onkeyup="statusMax(this,250)" placeholder="write a comment here"></textarea> 
     <button id="replyBtn_3" onclick="replyToStatus(3,'mtest','replytext_3',this)">Reply</button> 
     <div id="status_2" class="status_boxes"> 
      <div><b>Posted by <a href="user.php?u=mtest">mtest</a> 2016-01-28 11:56:09:</b> <span id="sdb_2"><a href="#" onclick="return false;" onmousedown="deleteStatus('2','status_2');" title="DELETE THIS STATUS AND ITS REPLIES">delete status</a></span> &nbsp; &nbsp; <br>hello</div> 
      <div id="reply_16" class="reply_boxes"> 
      <div><b>Reply by <a href="user.php?u=mtest2">mtest2</a> 2016-02-23 14:23:22:</b> <span id="srdb_16"><a href="#" onclick="return false;" onmousedown="deleteReply('16','reply_16');" title="DELETE THIS COMMENT">remove</a></span><br>sdsds</div> 
      </div> 
      <div id="reply_17" class="reply_boxes"> 
      <div><b>Reply by <a href="user.php?u=mtest2">mtest2</a> 2016-02-23 14:23:51:</b> <span id="srdb_17"><a href="#" onclick="return false;" onmousedown="deleteReply('17','reply_17');" title="DELETE THIS COMMENT">remove</a></span><br>dddfdf</div> 
      </div> 
      <div id="reply_18" class="reply_boxes"> 
      <div><b>Reply by <a href="user.php?u=mtest2">mtest2</a> 2016-02-23 14:23:59:</b> <span id="srdb_18"><a href="#" onclick="return false;" onmousedown="deleteReply('18','reply_18');" title="DELETE THIS COMMENT">remove</a></span><br>ds</div> 
      </div> 
      <div id="reply_19" class="reply_boxes"> 
      <div><b>Reply by <a href="user.php?u=mtest2">mtest2</a> 2016-02-23 14:24:18:</b> <span id="srdb_19"><a href="#" onclick="return false;" onmousedown="deleteReply('19','reply_19');" title="DELETE THIS COMMENT">remove</a></span><br>efe</div> 
      </div> 
     </div> 
     <textarea id="replytext_2" class="replytext" onfocus="onfocusstoptimer()" onblur="onblurstarttimer()" onkeyup="statusMax(this,250)" placeholder="write a comment here"></textarea> 
     <button id="replyBtn_2" onclick="replyToStatus(2,'mtest','replytext_2',this)">Reply</button> 
    </div> 

以上整個DIV是回聲$ statuslist和腳本是

function statuslist(){ 
     var slist = "<?php echo $statuslist; ?>"; 

     document.getElementById("statusarea").innerHTML = slist; 
     } 
function onfocusstoptimer(){ 
     clearTimeout (myVar); 
     clearTimeout (myVar1); 
     } 
function onblurstarttimer(){ 
     var myVar1 =setInterval (statuslist, 2000); 
     } 
var myVar =setInterval (statuslist, 2000); 

我試圖在onfocusstoptime函數上使用clearTimeout(myVar1)這顯示錯誤 請幫我出來,也想知道我會使用websocket在這個 我使用php & JavaScript。

+0

顯示刷新頁面的代碼。 –

+0

我不刷新整個頁面只是一個div相同的div我複製並經過這裏 – manish5310277

+0

什麼是錯誤 –

回答

0

你不應該在這裏使用clearInterval而不是clearTimeout嗎?

myVar是使用setInterval設置的,所以我認爲這應該用clearInterval來停止。