Đếm ngược JavaScript đơn giản

• Tháng Tư 26, 2024

Tôi muốn một bộ đếm thời gian đếm ngược JavaScript đơn giản mà tôi có thể đặt vào hộp tiện ích Blogger hoặc sử dụng theo ngữ cảnh trong trang web. Ban đầu, tôi cho rằng tôi có thể dễ dàng tìm thấy chính xác những gì tôi đang tìm kiếm với một tìm kiếm trên web nhanh chóng. Tuy nhiên, tất cả các quầy tôi tìm thấy phức tạp hơn nhiều so với những gì tôi đang tìm kiếm. Tôi không muốn đếm ngược đến giây cuối cùng, tôi chỉ quan tâm đến ngày. Vì vậy, tôi quyết định tự viết.

Đoạn mã sau được định cấu hình để đếm ngày cho đến (hoặc từ) ngày 8 tháng 8 năm 2008. Bởi vì 8 là một con số tốt lành trong văn hóa Trung Quốc, ngày này đã được chọn cho lễ khai mạc Thế vận hội Mùa hè 2008 tại Bắc Kinh.


var millisecs_per_day = 86400000
// đặt thời gian đếm ngược tính bằng mili giây
// đặt ngày mong muốn làm đối số cho Date.UTC
// theo thứ tự:
// năm, tháng (nhớ tháng 1 là 0), ngày trong tháng, bù từ GMT
// LƯU Ý: chúng tôi đang sử dụng phần bù vì nó đại diện cho nửa đêm
// (đầu ngày) trong một múi giờ cụ thể
var đếmdown_time = Ngày.UTC (2008,7,8, -8);
// lấy thời gian hiện tại và chuyển đổi thành mili giây
var now = Ngày mới ();
var now_millisecs = now.valueOf ();

var day_cnt = Math.ceil ((đếm ngược_time - now_millisecs) / 86400000)

// hiển thị số ngày còn lại (hoặc kể từ đó)
nếu (ngày_cnt> 1)
{
// nhiều ngày để đi
document.write (day_cnt + "ngày để đi")
}
khác nếu (day_cnt == 1)
{
// một ngày để đi
document.write (day_cnt + "ngày để đi")
}
khác nếu (day_cnt == 0)
{
// hôm nay là
document.write ("hôm nay")
}
khác nếu (day_cnt == -1)
{
// một ngày trước
document.write (day_cnt + "ngày trước")
}
khác
{
// nhiều ngày trước
document.write (day_cnt + "ngày trước")
}


Bạn có thể tải mã này hoặc xem nó hoạt động ở đây. Để sử dụng mã này trong các dự án của riêng bạn, hãy sao chép và dán mã vào trang web của bạn (hoặc hộp tiện ích HTML / JavaScript của Blogger, như trong hình trên.) Thay đổi ngày theo hướng dẫn trong các nhận xét - nếu điều này gây nhầm lẫn , bạn có thể thấy bài viết của tôi về Giới thiệu về Ngày UTC hữu ích.

Video HướNg DẫN: javaScript: Bài 4. Xây dựng đồng hồ đếm ngược bằng cách sử dụng setTimeout (Tháng Tư 2024).