Code Monkey home page Code Monkey logo

Comments (3)

Recidvst avatar Recidvst commented on August 26, 2024

Hey @madprops, I've just pushed a fix for this issue. Found a flaw with the random time generator I think...!
Please let me know if it solves your issue or not?

from scrambling-letters.

madprops avatar madprops commented on August 26, 2024
<script src='scramble.min.js'></script>

<div id='scrambleme'>This is a text to scramble</div>

<script>
    Scrambler({target:'#scrambleme', random:[250, 250], 
    beforeAll:function()
    {
        d1 = Date.now()
    }, afterAll:function()
    {
        d2 = Date.now()
        console.log(d2 - d1)
    }})

    setTimeout(function()
    {
        console.log('oiii')
    }, 250)
</script>

Running this test. The d2-d1 console log always show 401ms. But it looks alright, so I'm not sure, maybe the animation itself is 250ms.

When I tried implementing it myself I used something like:

let delay = Math.min((args.duration - args.time), args.speed)

Which takes into account the remaining time and speed to get the proper slice delay for the next timeout. Maybe that helps.

from scrambling-letters.

Recidvst avatar Recidvst commented on August 26, 2024

Ah, thanks for testing mate. I'll find some time to investigate this properly and review how it works. 👍

from scrambling-letters.

Related Issues (4)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.