Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

Đồng hồ JavaScript tích hợp đồng hồ đếm ngược

In lại Tác giả: Walker 123 Thời gian cập nhật: 27-11-2023 23:46:33 26 4
mua khóa gpt4 Nike

Tôi cần viết đồng hồ JavaScript có đồng hồ đếm ngược bắt đầu đếm ngược 5 phút khi đạt đến thời gian cụ thể. Vì vậy, tôi đã bật đồng hồ và nó đang hoạt động nhưng tôi không biết phải bắt đầu từ đâu, tôi thực sự là người mới bắt đầu làm quen với JavaScript và tôi vẫn đang tìm hiểu các bước cơ bản (hơi chậm) bạn có thể cho tôi một ít không lời khuyên về cách Một số hướng dẫn tích hợp đồng hồ của tôi với đồng hồ đếm ngược (tôi không biết mã hóa nó như thế nào) để khi đến một thời điểm cụ thể, đồng hồ đếm ngược sẽ bắt đầu đếm ngược 5 phút.

Đây là mã của tôi:

$(document).ready(function() {

  hàm displayTime() {
    var currentTime = Ngày mới ();
    var giờ = currentTime.getHours();
    var phút = currentTime.getMinutes();
    var giây = currentTime.getSeconds();

    nếu (phút < 10) {
      phút = "0" + phút;
    }

    nếu (giây < 10) {
      giây = "0" + giây;
    }

    var clockDiv = document.getElementById('clock')

    clockDiv.innerText = giờ + ://: + phút + ://: + giây;


  }

  displayTime();
  setInterval(displayTime, 1000);

  hàm countDown() {
    var currentTime = Ngày mới();
    var giờ = currentTime.getHours();
    var phút = currentTime.getMinutes();
    var giây = currentTime.getSeconds();

    nếu (phút < 10) {
      phút = "0" + phút;
    }

    nếu (giây < 10) {
      giây = "0" + giây;
    }

  nếu như 


  }

});

câu trả lời hay nhất

Vì vậy, phần tích hợp có thể được thực hiện bằng một vài câu lệnh If đơn giản. Giả sử bạn muốn đếm ngược bắt đầu lúc 9:00 sáng

1) Tạo biến bool để xem liệu thời gian hiện tại hoặc đếm ngược có được hiển thị hay không. Điều này sẽ rất thuận tiện và giúp chúng tôi không phải kiểm tra phạm vi. Lưu ý rằng chúng ta không thể chỉ kiểm tra thời gian hiện tại vì điều này sẽ chỉ hiển thị đếm ngược một giây.

2) Thêm một câu lệnh if đơn giản. Nếu đến lúc, hãy chuyển sang đếm ngược bằng cách đặt biến thành true (9:00:00)

3) Thêm câu lệnh if thứ hai để chuyển về hiển thị thời gian hiện tại khi quá trình đếm ngược kết thúc. Đây là tùy chọn và bạn có thể xóa nó nếu bạn muốn nó đếm ngược ngay cả khi nó kết thúc. Lưu ý: Để sử dụng trong tương lai, sẽ là khôn ngoan khi ủy thác chức năng này thay vì sử dụng đếm ngược tĩnh trong 5 phút. Bạn nên có một biến có nội dung var TotalCountdown= ... và if( ... Minutes = 0 + TotalCountdown. Nhưng bạn cần phải có logic gói ở đây.

4) Thêm câu lệnh cuối cùng hiển thị đếm ngược hoặc thời gian hiện tại

5) Thêm mã đếm ngược. Về phần này, xem bài viết dưới đây. Tôi không thể giải thích nó tốt hơn thế này.

Đồng hồ đếm ngược JavaScript đơn giản nhất có thể?

**Quan trọng:** Khi bạn sao chép và dán mã từ các bài đăng khác, thao tác này sẽ không hoạt động ngay lập tức. Bạn cần điều chỉnh một số điều trong câu lệnh if cuối cùng. Tôi sẽ để nó như một bài tập cho bạn. Nếu bạn cần trợ giúp, chỉ cần để lại nhận xét hoặc đặt câu hỏi mới

$(document).ready(function() {

   hàm displayTime() {
      var displayCountdownp = false;
      var currentTime = Ngày mới ();
      var giờ = currentTime.getHours();
      var phút = currentTime.getMinutes();
      var giây = currentTime.getSeconds();

      nếu (phút < 10) {
         phút = "0" + phút;
      }

      nếu (giây < 10) {
        giây = "0" + giây;
      }

      var clockDiv = document.getElementById('clock')

      if( giờ==9 && phút==0 && giây==0){
          displayCountdownp = true;
      }

      if( giờ==9 && phút== 6 && giây==0){
          displayCountdownp = sai;
      }

      if(displayCountdownp){

        var displayValue = countDown();
        clockDiv.innerText = displayValue;

      }khác{
        clockDiv.innerText = giờ + ://: + phút + ://: + giây;
      }


     displayTime();
     setInterval(displayTime, 1000);

    hàm countDown() {
         // mã ở đây
    }
});

Về đồng hồ JavaScript có đồng hồ đếm ngược tích hợp, chúng tôi tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/33126722/

26 4 0
Đề xuất bài viết: c# - Các chuỗi được truyền từ C# khác với các chuỗi C++, cả hai đều là const char
Đề xuất bài viết: số loại đầu vào html5 với mẫu biểu thức chính quy
Đề xuất bài viết: Cách thực hành tốt nhất để truyền tham số trong phương thức
Đề xuất bài viết: css - cuộn dọc theo lưới
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress