How to use jQuery to realize dynamic Digital display effect in PHP

This article mainly explains "how to use jQuery to achieve dynamic digital display effect in PHP". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let the editor take you to learn "how to use jQuery to achieve dynamic digital display effect in PHP".

HTML

You only need to define the following structure in the HTML page:

Currently online:

JQuery

First, we want to define an animation process that uses the animate () function of jQuery to transform from one number to another. The following magic_number () custom function integrates the code as follows:

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

Then the update () function uses jQuery's $.getJSON () to send an ajax request to the background number.php, and after getting the corresponding PHP, call magic_number () to show the latest numbers. To see better results, we use setInterval () to set the interval between code execution.

Function update () {$.getJSON ("number.php?jsonp=?", function (data) {magic_number (data.n);});}; setInterval (update, 5000); / / execute update () once every 5 seconds

PHP

In the actual project, we will use PHP to get the latest data in the database and return it to the front end through PHP. For a better demonstration, this example uses random numbers and returns the js,number.php code to the front end in json format as follows:

$total_data = array ('n'= > rand (0999)); echo $_ GET ['jsonp']. Json_encode ($total_data). ')'

At this point, I believe you have a deeper understanding of "how to use jQuery to achieve dynamic digital display effect in PHP". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!