Video: Cách tạo một trang web html từ A tới Z - Chỉ với 3 bước đơn giản 2025
Thường thì thời gian sẽ là một phần trong các trò chơi HTML5 của bạn. Trò chơi đua xe là tất cả về tốc độ, hoặc bạn có thể có một thời gian để thực hiện một số nhiệm vụ. Thư viện SimpleGame bao gồm một đối tượng hẹn giờ rất tiện dụng cho phép bạn quản lý thời gian một cách dễ dàng. Đối tượng Timer được tạo ra như bất kỳ đối tượng JavaScript nào khác. Nó có ba phương pháp:
-
reset (): Chức năng này khởi tạo bộ đếm thời gian và bắt đầu bộ đếm thời gian trôi qua.
-
getCurrentTime (): Chức năng này trả về thời gian hiện tại của hệ thống tại thời điểm nó được gọi. (Lưu ý rằng thời gian ở định dạng số nguyên đặc biệt và nó sẽ không được nhận diện bởi người đọc của con người.)
-
getElapsedTime (): Trả lại số giây kể từ khi bộ đếm thời gian được tạo ra hoặc thiết lập lại lần cuối (tùy vào thời điểm nào gần đây hơn).
Trong JavaScript và hầu hết các ngôn ngữ khác, thông tin ngày và giờ thường được lưu trữ dưới dạng số nguyên đặc biệt. Thời gian thực sự được tính là một số nguyên lớn hiển thị số mili giây kể từ nửa đêm ngày 1 tháng 1 năm 1970.
Đối với một ví dụ về thời gian, hãy nhìn vào timerDemo. html:timerDemo
var timer; đầu ra var; trò chơi var; chức năng init () {game = new Scene (); output = tài liệu. getElementById ("xuất"); timer = new Timer (); hẹn giờ. cài lại(); trò chơi. bắt đầu ();} / / end init update chức năng () { trò chơi. ẩn giấu(); currentTime = timer. getElapsedTime (); đầu ra. innerHTML = currentTime; } // end reset function reset () { timer. cài lại(); } // đặt lại thiết đặt lại bộ định thời lại sản phẩm trống Ví dụ này cho thấy một bộ hẹn giờ đơn giản. Nó hiển thị số giây trang đã được chạy. Bộ đếm thời gian có thể được đặt lại bằng nút (Đặt tên lại) được đặt tên lại một cách khéo léo.
Tạo một biến cho trình hẹn giờ.
-
Điều này cần được làm quen. Tất cả các yếu tố thú vị là các đối tượng, và bộ đếm thời gian cũng không ngoại lệ. Tạo một biến được gọi là timer mà sẽ là một đối tượng kiểu Timer.
Đặt lại bộ hẹn giờ.
-
Đảm bảo hẹn giờ bắt đầu ở số không.
Lấy thời gian trôi qua trong mỗi khung.
-
Trong chức năng update (), hãy gọi phương thức getElapsedTime () của bộ đếm thời gian để tìm ra thời gian đã trôi qua và sao chép giá trị này vào khu vực đầu ra.
Đặt lại bộ đếm thời gian khi người dùng nhấn nút.
-
Khi người dùng nhấn nút đặt lại, hãy gọi phương thức thiết lập lại () của bộ đếm thời gian để đặt lại thời gian trôi qua trở lại bằng không.
Ẩn cảnh chính.
-
Chương trình này sử dụng vòng lặp chính từ simpleGame, nhưng nó không thực sự cần phải hiển thị cảnh. Vì lý do này, đối tượng Scene có một phương thức hide (). Bạn cũng có thể hiển thị cảnh sau với phương thức show () của nó.
