Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > อยากหยุด loop Interval (javascript) น่ะครับผม คือ อยากให้มันหยุดแค่ข้อความสุดท้ายใน code ตัวอย่างน่ะครับผม อันนี้มัน ไม่หยุดเลยน่ะครับ



 

อยากหยุด loop Interval (javascript) น่ะครับผม คือ อยากให้มันหยุดแค่ข้อความสุดท้ายใน code ตัวอย่างน่ะครับผม อันนี้มัน ไม่หยุดเลยน่ะครับ

 



Topic : 129629



โพสกระทู้ ( 14 )
บทความ ( 0 )



สถานะออฟไลน์




Code (PHP)
<html>
<head

<!-- แก้ไขรูปแบบกล่องด้านล่างครับ -->
<style>
#jump_base {
  overflow-y:hidden;
  width: 200px;
  height: 100px;
  border: 2px dotted #000099;
  margin: auto;
  padding: 0 10px 0 10px;
  font-size: .9em;
  font-family: MS Sans Serif;
}

#jump_base a {
  color: #000099;
  background-color: inherit;
}

.news {
  background-color: #DDDDDD;
  color: inherit;
}
</style>
<script type="text/javascript">
/* การเพิ่มข้อความที่จะให้แสดง ก็ให้เพิ่ม CODE บรรทัดด้านล่างลงไป
  
arrLinks[3] = "someURL.htm";
arrTitles[3] = "Some title";

ตรงเลข 3 คือเลขที่ต่อจากอันข้างบน (ในที่นี้คือ 2)
*/

function setupLinks() {
  arrLinks[0] = 

"http://www.codetukyang.com";
  arrTitles[0] = "หน้าหลัก";
  arrLinks[1] = 

"http://www.codetukyang.com/php";
  arrTitles[1] = "แจก PHP SCRIPT";
  arrLinks[2] = 

"http://www.codetukyang.com/java";
  arrTitles[2] = "แจก JAVASCRIPT";
}

var m_iInterval;
var m_Height;
//window.onload = wl;
var iScroll=0;

var arrLinks;
var arrTitles;

var arrCursor = 0;

var arrMax;
window.onload=wl;

function wl() {
  m_iInterval = setInterval(ontimer, 10);
  var base = document.getElementById

("jump_base");

  m_Height = base.offsetHeight;

  var divi = parseInt(m_Height/5);
  m_Height = divi*5;

  var td1 = document.getElementById

("td1");
  var td2 = document.getElementById

("td2");
  var td3 = document.getElementById

("td3");
  td1.height = m_Height-5;
  td2.height = m_Height-5;
  td3.height = m_Height-5;

  arrLinks = new Array();
  arrTitles = new Array();

  setupLinks();
  arrMax = arrLinks.length-1;
  setLink();
}
function setLink() {
  var ilink = document.getElementById

("jump_link");
  ilink.innerHTML = arrTitles[arrCursor];
  ilink.href = arrLinks[arrCursor];
}
function ontimer() {
  var base = document.getElementById

("jump_base");
  iScroll+=5;
  if (iScroll>(m_Height*2)) {
    iScroll=0;
    arrCursor++;
    if (arrCursor>arrMax)
      arrCursor=0;
    setLink();
  }
  if (iScroll==m_Height) {
    pause();
    m_iInterval = setTimeout(resume, 

4000);
  }
  base.scrollTop=iScroll;
}
function pause() {
  clearInterval(m_iInterval);
}
function resume() {
  m_iInterval = setInterval(ontimer, 10);
}
</script>

</head>
<body>

<div id="jump_base" class="news" 

onmouseover="pause()" onmouseout="resume

()">
<center>
  <table class="news">
    <tr>
    <td id="td1"></td></tr>
    <tr><td id ="td2" valign="middle">
<a id="jump_link" href="" 

target="_new"></a></td></tr>
    <tr><td id="td3"> </td></tr>
  </table>
</center>  
</div>

</body>
</html>




Tag : PHP, HTML, CSS, HTML5, JavaScript, Appserv







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-12-03 16:09:05 By : phpstarter View : 1144 Reply : 7
 

 

No. 1



โพสกระทู้ ( 9,587 )
บทความ ( 2 )



สถานะออฟไลน์


https://www.w3schools.com/jsref/met_win_clearinterval.asp






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-03 19:05:32 By : Chaidhanan
 


 

No. 2

Guest


ตอบความคิดเห็นที่ : 1 เขียนโดย : Chaidhanan เมื่อวันที่ 2017-12-03 19:05:32
รายละเอียดของการตอบ ::
function myStopFunction() {
clearInterval(m_iInterval);
}

ขอบคุณมากนะครับพี่ แต่ไม่รู้ว่าจะใส่ตรงให้หยุด loop น่ะครับพี่

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-03 21:03:03 By : phpstarter
 

 

No. 3



โพสกระทู้ ( 9,587 )
บทความ ( 2 )



สถานะออฟไลน์


เอา tag ภาษา ครอบ code ไว้หน่อย จะได้อ่านง่ายและก๊อปปี้มาแก้ไขได้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-03 21:14:45 By : Chaidhanan
 


 

No. 4



โพสกระทู้ ( 14 )
บทความ ( 0 )



สถานะออฟไลน์


Code (PHP)
<html>
<head

<!-- แก้ไขรูปแบบกล่องด้านล่างครับ -->
<style>
#jump_base {
  overflow-y:hidden;
  width: 200px;
  height: 100px;
  border: 2px dotted #000099;
  margin: auto;
  padding: 0 10px 0 10px;
  font-size: .9em;
  font-family: MS Sans Serif;
}

#jump_base a {
  color: #000099;
  background-color: inherit;
}

.news {
  background-color: #DDDDDD;
  color: inherit;
}
</style>
<script type="text/javascript">
/* การเพิ่มข้อความที่จะให้แสดง ก็ให้เพิ่ม CODE บรรทัดด้านล่างลงไป
  
arrLinks[3] = "someURL.htm";
arrTitles[3] = "Some title";

ตรงเลข 3 คือเลขที่ต่อจากอันข้างบน (ในที่นี้คือ 2)
*/

function setupLinks() {
  arrLinks[0] = "http://www.codetukyang.com";
  arrTitles[0] = "หน้าหลัก";
  arrLinks[1] = "http://www.codetukyang.com/php";
  arrTitles[1] = "แจก PHP SCRIPT";
  arrLinks[2] = "http://www.codetukyang.com/java";
  arrTitles[2] = "แจก JAVASCRIPT";
}

var m_iInterval;
var m_Height;
//window.onload = wl;
var iScroll=0;

var arrLinks;
var arrTitles;

var arrCursor = 0;

var arrMax;
window.onload=wl;

function wl() {
  m_iInterval = setInterval(ontimer, 10);
  var base = document.getElementById("jump_base");

  m_Height = base.offsetHeight;

  var divi = parseInt(m_Height/5);
  m_Height = divi*5;

  var td1 = document.getElementById("td1");
  var td2 = document.getElementById("td2");
  var td3 = document.getElementById("td3");
  td1.height = m_Height-5;
  td2.height = m_Height-5;
  td3.height = m_Height-5;

  arrLinks = new Array();
  arrTitles = new Array();

  setupLinks();
  arrMax = arrLinks.length-1;
  setLink();
}
function setLink() {
  var ilink = document.getElementById("jump_link");
  ilink.innerHTML = arrTitles[arrCursor];
  ilink.href = arrLinks[arrCursor];
}
function ontimer() {
  var base = document.getElementById("jump_base");
  iScroll+=5;
  if (iScroll>(m_Height*2)) {
    iScroll=0;
   
	
	arrCursor++;
    if (arrCursor>arrMax)
    arrCursor=0;
    
    setLink();
	
	
  }
  if (iScroll==m_Height) {
    pause();
    m_iInterval = setTimeout(resume,2000);
	
  }
  base.scrollTop=iScroll;
}
function pause() {
  clearInterval(m_iInterval);
  	
	 
}
function resume() {
  m_iInterval = setInterval(ontimer, 10);
}
</script>

</head>
<body>

<div id="jump_base" class="news" 

onmouseover="pause()" onmouseout="resume()">
<center>
  <table class="news">
    <tr>
    <td id="td1"></td></tr>
    <tr><td id ="td2" valign="middle">
<a id="jump_link" href="" target="_new"></a></td></tr>
    <tr><td id="td3"> </td></tr>
  </table>
</center>  
</div>

</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-03 21:32:13 By : phpstarter
 


 

No. 5



โพสกระทู้ ( 14 )
บทความ ( 0 )



สถานะออฟไลน์


Code ด้านบนน่ะครับพี่ ผมไม่รู้จะใส่ clearInterval(m_iInterval); เข้าไปช่วงไหนครับผม (ถ้าสั่งหยุดได้ ผมก็จะดึงข้อมูล จาก mySQL มาแทนที่แล้วให้จบที่ record สุดท้ายแล้วก็หยุดได้เลยน่ะครับผม)


ประวัติการแก้ไข
2017-12-03 21:35:01
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-03 21:33:21 By : phpstarter
 


 

No. 6



โพสกระทู้ ( 9,587 )
บทความ ( 2 )



สถานะออฟไลน์


Code (JavaScript)
function ontimer() {
 // เพิ่มการตรวจสอบเพื่อให้หยุดการทำงาน
 if (arrCursor>arrMax) {
    pause(); return;
 }

  var base = document.getElementById("jump_base");
  iScroll+=5;
  if (iScroll>(m_Height*2)) {
    iScroll=0;	
	arrCursor++;
    //if (arrCursor>arrMax) arrCursor=0;    //ไม่ต้อง reset ค่า เพื่อเริ่มใหม่
    setLink();
  }
  if (iScroll==m_Height) {
    pause(); m_iInterval = setTimeout(resume,2000);	
  }
  base.scrollTop=iScroll;
}

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-03 22:25:39 By : Chaidhanan
 


 

No. 7



โพสกระทู้ ( 14 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณมาก ๆ เลยครับพี่
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-12-03 22:47:04 By : phpstarter
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากหยุด loop Interval (javascript) น่ะครับผม คือ อยากให้มันหยุดแค่ข้อความสุดท้ายใน code ตัวอย่างน่ะครับผม อันนี้มัน ไม่หยุดเลยน่ะครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่