Trên nhiều trang web, bạn có thể thấy đồng hồ đếm ngược cho đến khi một sự kiện cụ thể xảy ra. Đây có thể là thời điểm kết thúc các đợt giảm giá hoặc thời gian còn lại đến Tết Dương lịch. Những bộ hẹn giờ như vậy là một động thái quảng cáo tuyệt vời giúp kích thích hoạt động của người mua / nhà cung cấp, cũng như tạo ra sự đa dạng tương tác tốt cho trang web.
Cần thiết
một kịch bản đồng hồ đếm ngược
Hướng dẫn
Bước 1
Để đặt bộ hẹn giờ như vậy trên trang web của bạn, trước tiên hãy tải xuống tập lệnh đồng hồ đếm ngược. Sau đó, cấu hình hai thông số trong đó: ngày đếm ngược và dòng chữ tương ứng sẽ được hiển thị khi ngày này đến.
Bước 2
Mở kho lưu trữ đã tải xuống, bạn sẽ tìm thấy 2 tệp: một tệp chứa script countdown.js và tệp kia đóng vai trò là ví dụ về trang mà tập lệnh này sẽ được kết nối - index.html. Đầu tiên, giải nén các tệp từ kho lưu trữ.
Bước 3
Sử dụng Notepad để chỉnh sửa tệp script. Để mở tệp được chỉ định trong Notepad, hãy nhấp chuột phải vào tệp đó. Trong menu xuất hiện, chọn mục "Mở", sau đó chọn "với - Notepad".
Bước 4
Chỉnh sửa dòng đầu tiên ở đầu tệp: var eventstr = "Chúc mừng năm mới!". Dòng chữ này sẽ được hiển thị ở cuối đếm ngược. Dòng thứ hai với ngày đếm ngược nằm ở cuối tệp và trông giống như sau: CountDowndmn (2011, 1, 1) ở định dạng năm, tháng, ngày.
Bước 5
Chỉnh sửa đoạn tập lệnh, cũng nằm ở cuối tệp, cao hơn ngày đếm ngược một chút: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin + " + dminstr + "và" + dsec + " + dsecstr.
Bước 6
Lưu tệp kết quả và đặt nó trong thư mục chứa trang của trang web của bạn, nơi đặt bộ đếm thời gian. Nói cách khác, tệp trang hẹn giờ và tệp kịch bản phải nằm trong cùng một thư mục.
Bước 7
Tiếp theo, ở một nơi thuận tiện để đặt bộ hẹn giờ, trong mã trang của bạn, hãy đặt 2 dòng:
DIV "center" ID = "countdown">.
Bước 8
Dòng đầu tiên chịu trách nhiệm cho lệnh xuất bộ định thời. Thứ hai là để kết nối tập lệnh đã tạo.
Bước 9
Kiểm tra bộ hẹn giờ của bạn đang hoạt động. Nếu mọi thứ được thực hiện chính xác, thì bạn sẽ thấy đồng hồ đếm ngược ở đúng vị trí trên trang của trang web của mình.
