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,027

HOME > PHP > PHP Forum > อยากทำ Script แสดงตัวเลขแบบค่อยๆขึ้นที่ละ 1 ดูตัวอย่างข้างในครับ (ใช้ PHP,JS หรือ AJAX ก็ได้ครับ)



 

อยากทำ Script แสดงตัวเลขแบบค่อยๆขึ้นที่ละ 1 ดูตัวอย่างข้างในครับ (ใช้ PHP,JS หรือ AJAX ก็ได้ครับ)

 



Topic : 110098



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



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




ผมอยากจะทำตัวเลขขึ้นเรื่อยๆ

โดยเรียก code มาแสดงคล้ายๆ
Code (PHP)
$sql = "SELECT * FROM `member` ORDER BY `ID` DESC"; // เลือก ตารางที่เราเก็บข้อมูล
	$query = mysql_query($sql) or die ("sql error [".$sql."]");
while ($row = mysql_fetch_array($sql)){
.........
}


แล้วก็ให้ค่อยๆ โชว์ชื่อสมาชิกมาทีละคนๆ

01

จากรูปข้างบนถ้าเรียก ID แถว 2 มาเมื่อไรก็อยากให้เลขข้างบนที่เขียนว่า 1 คน เปลี่ยนเป็น 2 คนตามจำนวนแถวที่ SQL เรียกออกมาได้
เราจะเขียนยังไงได้บ้างครับ ที่เรียกมาโชว์ทำได้แล้วครับมาโชว์ทุกแถวแล้ว แต่จะให้แสดงตัวเลขขึ้นตามแถวเลยจะทำยังไงได้บ้างครับ



Tag : PHP, MySQL, HTML/CSS, JavaScript, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-07-21 16:03:58 By : oilaoy View : 1103 Reply : 8
 

 

No. 1



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



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

สิ่งที่ต้องใช้

1. settimeout
2. jquery (ajax) refresh div






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-21 16:14:02 By : progamer2000
 


 

No. 2



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



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


Code (JavaScript)
setInterval(function()
        {
            $container.load('rss-feed-data.php');
        }, 9000);


หรือ

อาจจะใช้พวก carouFredSel jQuery Plugin

ลองศึกษาดูครับ ตั้งค่าในส่วน option เช่น ให้ feed บน ล่าง ซ้าย ขวา ได้หมดครับ

ลองเล่นดู
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-21 16:26:19 By : fossil31
 

 

No. 3



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



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


ลองประยุกต์ใช้ดู

<!DOCTYPE html>
<head>
<title>jQuery Content Slider | Responsive jQuery Slider | bxSlider</title>
<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css" type="text/css" />
<link rel="stylesheet" href="http://bxslider.com/css/styles.css" type="text/css" />
<link rel="stylesheet" href="http://bxslider.com/css/github.css" type="text/css" />
<script src="http://bxslider.com/js/jquery.min.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<script src="http://bxslider.com/js/scripts.js"></script>

</head>

<body class="home">
<section id="main">
<div class="inner clearfix">
<h1>The Responsive jQuery Content Slider</h1>
<ul class="bxslider">
  <li><img src="http://bxslider.com/images/home_slides/picto.png" /></li>
  <li><img src="http://bxslider.com/images/home_slides/houses.jpg" /></li>
  <li><img src="http://bxslider.com/images/home_slides/hillside.jpg" /></li>
</ul>
</div>
</section>
</body>
</html>


เปลี่ยนจาก รูปภาพจัด content ตามใจฉัน
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-21 16:35:15 By : fossil31
 


 

No. 4



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook Hi5 Blogger


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-21 16:52:06 By : Manussawin
 


 

No. 5



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



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


มีตัวอย่างอีกไหมครับ อยากให้แค่เลข 1 เปลี่ยนตัวเลขเป็นตามจำนวนแถวที่เรียกมา
พอโหลดหน้าเวบ แถวแต่ละแถวจะถูกเรียกออกมาทีละแถวอะครับ
จะกว่าจะครบใช้เวลาเรียกทีละแถวแถวละประมาณ 1-2 วินาที
มีประมาณ 100 แถวเราจะเรียกยังไงได้บางครับให้แค่ตัวเลขข้างบนบอกว่ามีกี่แถวแล้วแสดงแบบ RealTime เลยอะครับ
แบบวิต่อวิเลย,,
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-21 23:16:56 By : oilaoy
 


 

No. 6



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



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


<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>bxSlider</title>
<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css" type="text/css" />
<link rel="stylesheet" href="http://bxslider.com/css/styles.css" type="text/css" />
<link rel="stylesheet" href="http://bxslider.com/css/github.css" type="text/css" />
<style>
.bxslider{font:13px Tahoma;}
.bxslider h1{margin-top:15px;}
.bxslider article {margin:0;padding:0;min-height:200px;}
.bxslider section{margin:20px;overflow:hidden;}
.bxslider table{width:100%;border:1px solid #ddd;}
.bxslider tr{height:40px;}
.bxslider thead{background:#f3f3f3}
.bxslider th, .bxslider td{vertical-align:middle;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.bxslider th:last-of-type, .bxslider td:last-of-type{border-right:0;}
</style>
<script src="http://bxslider.com/js/jquery.min.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<script>
$(function(){

$('.bxslider').bxSlider({
auto: true,
mode: 'fade',
speed: 500,
controls: false,
pager: false
});

});
</script>

</head>
<body class="home">
<section id="main">
<div class="inner clearfix">
<ul class="bxslider" style="width:500px;height:100%">
<?php
for($i=1;$i<=10;$i++)
echo '<li>
<article>
<h1>'.$i.'</h1>
<section>
<table>
<thead>
<tr>
<th>ID</th>
<th>ชื่อ-นามสกุุล</th>
<th>ที่อยู่</li>
<th>เบอรโทร์</th>
</tr>
</thead>
<tbody>
<tr>
<td>'.$i.'</td>
<td>Name'.$i.'</td>
<td>Surname'.$i.'</td>
<td>08'.$i.'-'.$i.$i.$i.'-'.$i.$i.$i.$i.'</td>
</tr>
</tbody>
</table>
</section>
</article>
</li>';
?>
</ul>
</div>
</section>
</body>
</html>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-22 11:10:15 By : fossil31
 


 

No. 7



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



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


แก้ไข

<?php
for($i=1;$i<=10;$i++)
{
echo '<li>
<article>
<h1>'.$i.'</h1>
<section>
<table>
<thead>
<tr>
<th>ID</th>
<th>ชื่อ-นามสกุุล</th>
<th>ที่อยู่</li>
<th>เบอรโทร์</th>
</tr>
</thead>
<tbody>
<tr>
<td>'.$i.'</td>
<td>Name'.$i.'</td>
<td>Surname'.$i.'</td>
<td>08'.$i.'-'.$i.$i.$i.'-'.$i.$i.$i.$i.'</td>
</tr>
</tbody>
</table>
</section>
</article>
</li>';
}
?>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-22 11:11:31 By : fossil31
 


 

No. 8



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



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


ขอบคุณค่าบบบบบบ _/\_
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-07-22 16:56:24 By : oilaoy
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : อยากทำ Script แสดงตัวเลขแบบค่อยๆขึ้นที่ละ 1 ดูตัวอย่างข้างในครับ (ใช้ PHP,JS หรือ AJAX ก็ได้ครับ)
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 02
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 อัตราราคา คลิกที่นี่