HTMLify
script.js
Views: 4 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | const container = document.getElementById('container'); const text = document.getElementById('text'); const totalTime = 7500; const breatheTime = (totalTime / 5) * 2; const holdTime = totalTime / 5; breathAnimation(); function breathAnimation() { text.innerText = 'Breathe In!'; container.className = 'container grow'; setTimeout(() => { text.innerText = 'Hold'; setTimeout(() => { text.innerText = 'Breathe Out!'; container.className = 'container shrink'; }, holdTime); }, breatheTime); } setInterval(breathAnimation, totalTime); |