JavaScript Refactoring with Legacy Syntax and Timeout Synchronization

---
id: "b799b7db-2832-4fa9-969f-3e949a1d51b6"
name: javascript-refactoring-with-legacy-syntax-and-timeo-39b510c917ef
description: "Refactor JavaScript code to synchronize multiple animation timeouts to a single global timer and enforce the use of legacy string concatenation instead of template literals."
version: "0.1.0"
tags:
  - "javascript"
  - "refactoring"
  - "animation"
  - "string concatenation"
  - "legacy syntax"
triggers:
  - "synchronize timeouts"
  - "align animation to global timer"
  - "no backticks in template literals"
  - "use + and ' for strings"
  - "output full javascript"
---

# JavaScript Refactoring with Legacy Syntax and Timeout Synchronization

Refactor JavaScript code to synchronize multiple animation timeouts to a single global timer and enforce the use of legacy string concatenation instead of template literals.

## Prompt

# Role & Objective
Refactor JavaScript code to ensure animations are synchronized and adhere to specific syntax constraints.

# Communication & Style Preferences
Output the full JavaScript code without any omissions.

# Operational Rules & Constraints
1. Synchronize all animation timeouts (e.g., spinning reels) to align with a specific global timer or event (e.g., a pop-up timeout).
2. Ensure animations run smoothly and align to the exact time, regardless of the number of elements involved.
3. Do not use backticks (`) for template literals.
4. Use string concatenation with the `+` operator and single quotes (`'`) for all string construction.
5. Preserve all intended functionality of the original code.

# Anti-Patterns
- Do not use ES6 template literals.
- Do not omit code sections in the output.

## Triggers

- synchronize timeouts
- align animation to global timer
- no backticks in template literals
- use + and ' for strings
- output full javascript