1. class TextBlock {
  2. constructor(id, text, delay) {
  3. this.id = id;
  4. this.text = text;
  5. this.delay = delay;
  6. this.timer = null;
  7. }
  9. async display() {
  10. // Display the text
  11. console.log(`Displaying block ${this.id}: ${this.text}`);
  13. // Set a timer to hide the block after the delay
  14. this.timer = setTimeout(() => {
  15. this.hide();
  16. }, this.delay);
  17. }
  19. hide() {
  20. // Remove the block from the display
  21. console.log(`Hiding block ${this.id}`);
  22. clearTimeout(this.timer); // Clear the timer
  23. this.timer = null;
  24. }
  25. }
  27. class TextBlockManager {
  28. constructor(rateLimit = 1000) {
  29. this.textBlocks = [];
  30. this.rateLimit = rateLimit;
  31. this.nextId = 1;
  32. }
  34. addTextBlock(text, delay) {
  35. const newBlock = new TextBlock(this.nextId++, text, delay);
  36. this.textBlocks.push(newBlock);
  37. return newBlock;
  38. }
  40. async run() {
  41. for (const block of this.textBlocks) {
  42. await new Promise(resolve => setTimeout(resolve, block.delay)); //Respect delay
  43. block.display();
  44. }
  45. }
  46. }
  48. // Example Usage:
  49. const manager = new TextBlockManager(500); // Rate limit of 500ms
  51. const block1 = manager.addTextBlock("First block", 1000);
  52. const block2 = manager.addTextBlock("Second block", 500);
  53. const block3 = manager.addTextBlock("Third block", 750);
  54. const block4 = manager.addTextBlock("Fourth block", 1200);
  55. const block5 = manager.addTextBlock("Fifth block", 600);
  58. manager.run();

Add your comment