New code:
file: /dooplay/assets/js/front.links.js
/**
* Initializes the counter functionality when the DOM content is fully loaded.
*/
document.addEventListener("DOMContentLoaded", function () {
Load();
});
/**
* Controls the countdown timer and executes actions based on the final state.
*/
function Load() {
// Selects the counter element
var counterElement = document.querySelector("#counter");
// Checks if the counter element exists
if (counterElement) {
// Retrieves the current counter value and parses it as an integer
var count = parseInt(counterElement.textContent, 10);
// Retrieves the link URL from the #link element
var theLink = document.querySelector("#link") ? document.querySelector("#link").getAttribute("href") : null;
// If the counter is not yet zero, decrease it and update the element
if (count !== 0) {
count--;
counterElement.textContent = count;
setTimeout(Load, 1000); // Calls Load() again after 1 second
} else {
// Executes actions based on the value of Link.exit
switch (Link.exit) {
case "btn":
// Removes all elements with class .counter
document.querySelectorAll(".counter").forEach(el => el.remove());
// Fades in elements with class .text and the #link element
fadeIn(document.querySelector(".text"), 2000);
fadeIn(document.querySelector("#link"), 700);
break;
case "clo":
// Redirects the user to the specified link if available
if (theLink) {
window.location.replace(theLink);
}
break;
}
}
}
}
/**
* Fades in an element smoothly over a given duration.
*
* @param {HTMLElement} element - The element to be faded in.
* @param {number} duration - The duration of the fade-in effect in milliseconds.
*/
function fadeIn(element, duration) {
if (!element) return;
element.style.opacity = 0; // Sets initial opacity to 0
element.style.display = "block"; // Ensures the element is visible
var start = performance.now(); // Records the start time of the animation
/**
* Animation function to gradually increase the element's opacity.
*
* @param {DOMHighResTimeStamp} time - The current timestamp in milliseconds.
*/
function animate(time) {
var elapsed = time - start; // Calculates elapsed time
element.style.opacity = Math.min(elapsed / duration, 1); // Adjusts opacity based on elapsed time
// Continues animation until the duration is reached
if (elapsed < duration) {
requestAnimationFrame(animate);
}
}
requestAnimationFrame(animate); // Starts the animation
}
This code completely removes the dependency on jQuery.
