Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

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

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

เริ่มหัวข้อใหม่

T!ME MACH!NE

โพสกระทู้ ( 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)){
.........
}

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

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

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

Date : 2014-07-21 16:03:58

By : oilaoy

View : 1145

Reply : 8

No. 1

Boat Junior

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

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

1. settimeout
2. jquery (ajax) refresh div

Date : 2014-07-21 16:14:02

By : progamer2000

No. 2

xMan

โพสกระทู้ ( 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

xMan

โพสกระทู้ ( 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

Manussawin

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

Date : 2014-07-21 16:52:06

By : Manussawin

No. 5

T!ME MACH!NE

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

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

Date : 2014-07-21 23:16:56

By : oilaoy

No. 6

xMan

โพสกระทู้ ( 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

xMan

โพสกระทู้ ( 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

T!ME MACH!NE

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

ขอบคุณค่าบบบบบบ _/\_

Date : 2014-07-22 16:56:24

By : oilaoy

ค้นหาข้อมูล

แสดงความคิดเห็น

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

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก