JQuery-based dynamic effects of text printing and jquery dynamic effects

JQuery-based dynamic effects of text printing and jquery dynamic effects

This article provides examples of the Code for jQuery to achieve the dynamic effect of text printing for your reference. The specific content is as follows:

Subject html

<! DOCTYPE html> 
For JQuery references, you can download the corresponding version from the official JQuery website. You can add the corresponding directory to the reference.
The next step is to add code to the script tag to achieve the dynamic effect of the text.

<Script> $ (dcument ). ready (function () {typing () ;}) var text; // var index = 0 in the p tag; // var id of the subscript of the text string; // setTimeout () returned value, used to disable clearTimeout (id) function typing () {text = $ ("# typing "). text (); $ ("# typing "). text (""); $ ("# typing "). show (); typed ();} result = ""; function typed () {result + = text. charAt (index); $ ("# typing "). text (result + (index & 1? "_": ""); If (index <text. length-1) {index ++; id = setTimeout ("typed ()", 100);} else clearTimeout (id) ;}</script>
Why is result + (index & 1? "_": ""), Of course, to print the dynamic effect, when the subscript index is an odd number, the last character is displayed "_", "" is displayed when it is an even number, which can form the dynamic effect of printed text.
The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.