Shulou(Shulou.com)06/01 Report--

This article mainly introduces "how to use jQuery+PHP+Ajax to achieve dynamic digital statistics display function", in daily operation, I believe many people in how to use jQuery+PHP+Ajax to achieve dynamic digital statistics display function problems have doubts, Xiaobian consulted all kinds of information, sorted out simple and easy to use operation methods, hope to answer "how to use jQuery+PHP+Ajax to achieve dynamic digital statistics display function" doubts helpful! Next, please follow the small series to learn together!

jQuery+PHP+Ajax implementation of a dynamic digital statistics display example, this example is dynamically displayed on the page the current number of online users, of course, you can apply to other more scenarios.

First we put the number to be counted in #number:

Currently online:

Then we want to define an animation process, using jQuery's animate() function to implement the transformation process from one number to another, magic_number() custom function code is as follows:

function magic_number(value) { var num = $("#number"); num.animate({count: value}, { duration: 500, step: function() { num.text(String(parseInt(this.count))); } }); };

The update() function then uses jQuery's $.get() function to send an ajax request to the background ajax.php, and after getting the PHP response, calls magic_number() to display the latest number. To see better results, we use setInterval() every three seconds.

function update() { $.get("ajax.php", function(data) { magic_number(data); }); } setInterval(update, 3000); update();

We randomly pick a number from 0 to 999, which you can read from the database table:

echo mt_rand(0,999); At this point, on "how to use jQuery+PHP+Ajax to achieve dynamic digital statistics display function" learning is over, I hope to solve everyone's doubts. Theory and practice can better match to help everyone learn, go and try it! If you want to continue learning more relevant knowledge, please continue to pay attention to the website, Xiaobian will continue to strive to bring more practical articles for everyone!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.