MediaWiki:Common.js: Difference between revisions
		
		
		
		Jump to navigation
		Jump to search
		
| No edit summary | No edit summary | ||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
| /* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
| function updateText(text){ | |||
| function updateText(text){ | function updateText(text){ | ||
| Line 5: | Line 7: | ||
| let delay = 200; | let delay = 200; | ||
| 	let  | 	let h1 = document.getElementById("animated"); | ||
|        h1.innerHTML = text |        h1.innerHTML = text | ||
| Line 17: | Line 19: | ||
|        Array.from(h1.children).forEach((span, index) => { |        Array.from(h1.children).forEach((span, index) => { | ||
|          setTimeout(() => { |          setTimeout(() => { | ||
|            span.classList.add(" |            span.classList.add("wavy"); | ||
|          }, index * 60 + delay); |          }, index * 60 + delay); | ||
|        }); |        }); | ||
| } | } | ||
Latest revision as of 14:28, 23 November 2023
/* Any JavaScript here will be loaded for all users on every page load. */
function updateText(text){
function updateText(text){
let delay = 200;
	let h1 = document.getElementById("animated");
      h1.innerHTML = text
        .split("")
        .map(letter => {
          console.log(letter);
          return `<span>` + letter + `</span>`;
        })
        .join("");
      Array.from(h1.children).forEach((span, index) => {
        setTimeout(() => {
          span.classList.add("wavy");
        }, index * 60 + delay);
      });
}