Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #391371

    Hello!,

    Is there any way to make the animated numbers count animation slower?, For example if you just need an animation from 0 to 5 the animation is so quick that it is not very attractive anymore. Is there some parameter to slow it down?.

    Thanks.

    #391997

    Hey ferdipm!

    Thank you for using Enfold.

    You can edit js > shortcodes.js, find this code on line 2688:

    var number_container = $(this), elements = number_container.find('.avia-single-number'), countTimer = number_container.data('timer') || 3000;
    

    Increase the “3000” digit.

    Best regards,
    Ismael

    #392231

    Hi Ismael,

    Thanks for your answer. I increased the 3000 digit but it doesn’t seem to slow down the animation. I put a very low number like 3 and the animation seemed to go faster (from zero to 5 directly), but increasing doesn’t seem to make any difference I put things like 30000 , 300000, 3000000 but the animation keeps the same speed all the time. :(

    Any other suggestion?.

    Thanks!.

    #392943

    Hi!

    Remove browser cache or hard refresh the page every time you make changes.

    Regards,
    Ismael

    #393148

    Hi!

    Yes, that I already did, clear cache, hard refresh, everything. My animated numbers from 0 to 5 are always running at the same speed, no matter how high I set the number on the code. So I guess it is not working for me :(

    Thanks.

    #393571

    Hi!

    The number “5” is a fairly small number and I don’t think you can slow it down with the way the script is currently presented. Try using large numbers like 10,000 and you’ll see the effect of the modification. I’ll ask the rest of the support team to check the thread.

    Best regards,
    Ismael

    #637421

    Hi Support at Kresi

    Was there a conclusion to this thread? we are having the same requirements and would like to control the speed of the counter.

    Our counter targets and 12 and 5 and we would like to have a .25 sec increment on the digit counting.

    When we set the number to a good large number then it looks great but with a small number the speed of counting is way to fast.

    We are using this to display the number of rooms in a care home and as you can imagine there are not that many!

    #638534

    Hi,

    I’m sorry but this is not going to happen for single digits because the script is using the “requestAnimationFrame” instead of the setInterval function.

    https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame

    The number of callbacks is usually 60 times per second, but will generally match the display refresh rate in most web browsers as per W3C recommendation.

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.