web3privacy/w3ps1
1
0
Fork 0
mirror of https://github.com/web3privacy/w3ps1.git synced 2024-10-15 16:26:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix animation

Browse source
This commit is contained in:
tree🌴 2023-02-16 12:58:21 +01:00
parent d8a3cd1063
commit 2c3abc1ece
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/lib/helpers.js
View file

@ -21,12 +21,15 @@ export function animateText (ev) {
const orig = ev.target.getAttribute('data-text') const orig = ev.target.getAttribute('data-text')
const steps = orig.length const steps = orig.length
const random = rand(orig.length) const genRand = (pos = 0, len = null) => orig.substring(pos, len).split(' ').map(x => rand(x.length)).join(' ')
const random = genRand(0, orig.length)
ev.target.innerHTML = random ev.target.innerHTML = random
for (let i = 0; i <= steps; i++) { for (let i = 0; i <= steps; i++) {
setTimeout(() => { setTimeout(() => {
ev.target.innerHTML = orig.substring(0, i) + rand(orig.length - i) ev.target.innerHTML = orig.substring(0, i) + genRand(i, orig.length)
console.log(ev.target.innerHTML)
if (i === steps) { if (i === steps) {
ev.target.setAttribute('data-animate', "0") ev.target.setAttribute('data-animate', "0")