JS请求队列-祥拓软件

<!DOCTYPE html>
<html>
<head>
  <title>Request Queue</title>
</head>
<body>
  <button id="requestButton">Send Request</button>
  <script>
    // Function to simulate a request with a delay
    function simulateRequest() {
      return new Promise((resolve) => {
        setTimeout(() => {
          resolve(`Response for: ${new Date().toLocaleTimeString()}`);
        }, 2000); // Random delay up to 2 seconds
      });
    }

    // Queue class
    class RequestQueue {
      constructor() {
        this.queue = [];
        this.running = false;
      }

      // Function to add a request to the queue
      enqueue(request) {
        this.queue.push(request);
        if (!this.running) {
          this.processQueue();
        }
      }

      // Function to process the queue
      async processQueue() {
        this.running = true;
        while (this.queue.length > 0) {
          const request = this.queue.shift();
          try {
            const response = await simulateRequest(request);
            console.log(response);
          } catch (error) {
            console.error('Error:', error);
          }
        }
        this.running = false;
      }
    }

    // Create a new queue
    const requestQueue = new RequestQueue();

    // Function to handle the button click event
    function handleButtonClick() {
      const request = 'Example Request'; // Replace this with your actual request data
      requestQueue.enqueue(request);
    }

    // Attach click event handler to the button
    const button = document.getElementById('requestButton');
    button.addEventListener('click', handleButtonClick);
  </script>
</body>
</html>

1 本站部分内容资源来源于网络公开资源，如有侵害了您的权益，请发送邮件至 work@work100.com.cn 提供相应的资料，我们将删除对应的资源或内容。
2 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
3 本站一律禁止以任何方式发布或转载任何违法的相关信息，如有发现请发送邮件至 work@work100.com.cn 进行举报
4 本站所有原创内容采用知识共享署名4.0国际许可协议进行许可,勿将我们的作品擅自更改、去除署名。《著作权法》亦规定署名权是不可转让的。
5 以上条款内容最终解释权归本站所有

THE END

JavaScript

JS请求队列

请登录后发表评论