CarmiCoven/subathon-timer
2
0
Fork 0
forked from HoloTech/twitch-subathon-timer
Code Pull Requests Activity

Add timer end checking

Browse Source
This commit is contained in:
Interitio
2025-11-03 22:20:10 +10:00
parent 11ca4470fe
commit 75cdfcf09a
1 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
timer.js
View File

@@ -8,6 +8,8 @@ class Timer {
constructor(renderer, timer_data) {
this.renderer = renderer;
this.destroying = false;
this.ended = false;
//TEMP
this.temptime = 15;
@@ -34,7 +36,18 @@ class Timer {
this.leaderboard = timer_data.leaderboard;
}
check_ended() {
if (!this.ended && this.end_at < new Date()) {
this.ended = True;
this.renderer.finale();
}
return this.ended;
}
render_time() {
if (this.check_ended()) {
return;
}
this.renderer.render_time(
//TEMP
this.temptime
@@ -43,6 +56,9 @@ class Timer {
}
render() {
if (this.check_ended()) {
return;
}
// Render goal
if (this.next_goal != null) {
@@ -151,7 +167,7 @@ class TimerRenderer {
if (this.scrollboxes[i].id == 'ScrollWrapGoal') {
// Check if element text overflows
if (this.goal_name.getBoundingClientRect().width > (this.scrollboxes[i].getBoundingClientRect().width * .85) ) {
if (this.goal_name.getBoundingClientRect().width > (this.scrollboxes[i].getBoundingClientRect().width * .85)) {
// Toggle animation
this.goal_name.classList.add("scrollAnim");
this.goal_namedupe.classList.add("scrollAnim");
@@ -170,7 +186,7 @@ class TimerRenderer {
} else {
// Check if element text overflows
if (this.userboxes[i].getBoundingClientRect().width > (this.scrollboxes[i].getBoundingClientRect().width * .75) ) {
if (this.userboxes[i].getBoundingClientRect().width > (this.scrollboxes[i].getBoundingClientRect().width * .75)) {
// Toggle animation
this.userboxes[i].classList.add("scrollAnim");
this.userdupeboxes[i].classList.add("scrollAnim");
@@ -270,10 +286,10 @@ class TimerRenderer {
// Bitwise OR done to convert floats to integers if needed
this.goal_progress.textContent = String(current | 0) + '/' + String(required | 0)
console.log('ratio' + current/required);
if (current/required > .02) {
console.log('%' + (current/required) * 100);
this.goal_bar.style.maskImage = `linear-gradient(to right, #55CBFF 0%, #55CBFF ${((current/required) - .02)*100}%, transparent ${(current/required)*100}%)`;
console.log('ratio' + current / required);
if (current / required > .02) {
console.log('%' + (current / required) * 100);
this.goal_bar.style.maskImage = `linear-gradient(to right, #55CBFF 0%, #55CBFF ${((current / required) - .02) * 100}%, transparent ${(current / required) * 100}%)`;
} else {
this.goal_bar.style.maskImage = `linear-gradient(to right, transparent 0%)`;
}