Tutorials/WebTutorials
1
0
Fork 0
mirror of https://bitbucket.org/Mattrixwv/webtutorials.git synced 2025-12-06 18:34:01 -05:00
Code Issues Packages Projects Releases Wiki Activity

Updated fade to use more generic rest time equasion

Browse Source
This commit is contained in:
Mattrixwv
2021-10-10 10:51:14 -04:00
parent b8078f77a9
commit 8289f2cb3c
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
fade.html
View File

@@ -8,8 +8,10 @@
let fadeDiv = document.createElement("div"); let fadeDiv = document.createElement("div");
fadeDiv.id = "fadeDiv"; fadeDiv.id = "fadeDiv";
document.getElementsByTagName("body")[0].prepend(fadeDiv); document.getElementsByTagName("body")[0].prepend(fadeDiv);
let duration = 2 * 1000; let duration = 2 * 1000; //Duration = ms
let restTime = duration / 1000; let restTime = duration / 100; //restTime = ms/increment
//TODO: Account for time it takes loop to execute
//?Could possible use timer class or something of that nature to compute remaining time
for(let alpha = 0.01;alpha <= 1;alpha += 0.01){ for(let alpha = 0.01;alpha <= 1;alpha += 0.01){
let fadeString = "rgba(0, 0, 0, " + alpha + ")"; let fadeString = "rgba(0, 0, 0, " + alpha + ")";
console.log("fading = " + fadeString); console.log("fading = " + fadeString);