Cách Chèn Thời Gian Vào Trang Web

Mục lục:

Cách Chèn Thời Gian Vào Trang Web
Cách Chèn Thời Gian Vào Trang Web

Video: Cách Chèn Thời Gian Vào Trang Web

Video: Cách Chèn Thời Gian Vào Trang Web
Video: Cách hiển thị thời gian làm bài trên Google Form | Thầy Giáo Làng 2024, Tháng mười một
Anonim

Bạn đang làm việc để xây dựng trang web của mình và quyết định rằng bạn nên cài đặt một bộ đếm thời gian hoặc đồng hồ. Sử dụng một trong các phương pháp cài đặt, tùy thuộc vào sở thích của bạn.

Cách chèn thời gian vào trang web
Cách chèn thời gian vào trang web

Hướng dẫn

Bước 1

Cài đặt đồng hồ cung cấp thông tin trên trang web bằng Yandex. Truy cập trang https://time.yandex.ru, chọn một trong các tab trong phần "Đồng hồ" - bằng mũi tên (thông thường) hoặc bằng số (điện tử). Tìm múi giờ của bạn. Điều này có thể được thực hiện bằng cách kiểm tra các chỉ số quay số so với thời gian trên máy tính hoặc bằng cách di con trỏ chuột lên hình ảnh. Nhấp chuột trái vào bánh răng ở góc trên bên phải của đồng hồ và chọn một hành động từ danh sách - "người cung cấp thông tin cho trang web". Chuyển đến cửa sổ với mã html, sao chép nó. Cài đặt mã trên phần trang web của bạn đã chọn cho đồng hồ.

Bước 2

Hãy xem một trong những trang web bằng tiếng Anh cung cấp nhiều lựa chọn về "mẫu" đồng hồ khác nhau. Ví dụ: tại https://www.clocklink.com hoặc https://toolshell.org. Chọn một danh mục trong menu, kiểm tra các tùy chọn được trình bày, tìm đồng hồ "của bạn". Nhấp vào hình ảnh với họ và truy cập trang thỏa thuận cấp phép (tại https://www.clocklink.com) hoặc đăng ký (tại https://toolshell.org). Lấy mã, sao chép và dán vào nơi được chỉ định cho đồng hồ trên trang web của bạn.

Bước 3

Tạo đồng hồ động với Javascript được cập nhật mỗi giây. Đặt định dạng giờ bình thường: hh: mm: ss (ví dụ: 21:21:21), trong đó h là giờ trong ngày, m là phút, s là giây. Tạo một trang đơn giản bao gồm tệp "time.js" với mã Javascript: Hiển thị đồng hồ động Giờ hiện tại

Bước 4

Tạo tệp "time.js" với việc thực thi hàm thời gian mỗi giây (1000ms) và cũng với việc thực thi hàm thời gian khi trang được truy cập. Ngoài ra, số nhận dạng “tick_tack” được bao gồm trong văn bản của tài liệu này.

Bước 5

Đặt cả hai tệp trên vào cùng một thư mục và sau đó chạy tệp "index.html" để kiểm tra xem đồng hồ có hiển thị hay không. Nếu không, hãy kiểm tra xem Javascript có bị tắt trong trình duyệt của bạn hay không.

Đề xuất: