How to make random numbers

Asked

Viewed 268 times

0

Hello someone would tell me what the name of this effect has on this site :

http://www.popupdesign.com.br/

as soon as scrolling the page above the contact us there is 4 image and below it generates a number I would like to know what the name of this effect and where I can find it.

jquery html5 css3
  • 2

    The number is not randomly generated, it was placed there. The name of the effect is FLIP http://tableless.com.br/introducao-ao-css-3d-flip-card/.

  • yes friend more you noticed how he does it count some numbers before inserting them I saw it in jquery plugin however I did not think that one day would need and so I do not remember what name this but I know it has on the site of jquery plugin

  • this helps you? http://rendro.github.io/easy-pie-chart/ Note that the count starts from 0 and goes up to the desired number.

  • You also have this plugin: http://www.jqueryscript.net/animation/Animating-Numbers-Counting-Up-with-jQuery-Counter-Up-Plugin.html

  • opa was that same friend "vlw" but the link with reply to I accept if you want

  • A tip, whenever you reply to a comment from someone in your question, press the "@" (arroba) that will appear the user name and select, so they will receive a notification and know that you responded to the comment. For example, @Natan will now receive a notification because I mentioned it in my comment. Tip!

  • Opa obrigado @Filipemoraes

Show 2 more comments

1 answer

1


See this plugin: http://www.jqueryscript.net/animation/Animating-Numbers-Counting-Up-with-jQuery-Counter-Up-Plugin.html

Implementation:

Insert the following libraries into your code. Donwload the files on the site above. Don’t forget to include Jquery as well:

<script src="js/jquery.counterup.min.js"></script>
<script src="waypoints.min.js"></script>

Set content type within span tag:

<span class=".integers">12345</span>
<span class=".floats">123.45</span>
<span class=".numbers-with-commas">12,345.00</span>

Run the plugin, in the example below it was applied directly to any "span tag":

<script>
jQuery(document).ready(function( $ ) {
    $('span').counterUp({
        delay: 10, // atraso de 10 ms
        time: 1000 // velocidade do contador de 1000 ms
    });
});
</script>

  • face another doubt more I think I will have to open another topic more if "vc" enter again on the site above the effect I spoke there is a text in pink that keeps passing if you know "tbm" if there is a puglin for this

  • 1

    @Kirito I know this plugin: http://bxslider.com/ the example that appears on the main page can be edited to have the same effect as you want.

Browser other questions tagged jquery html5 css3

You are not signed in. Login or sign up in order to post.