Hướng dẫn textbox calculation in javascript - tính toán hộp văn bản trong javascript

JavaScript có một vài phương thức tiện dụng của đối tượng

setTimeout ( expression, timeout );

Trong đó

Đây là một ví dụ đơn giản:

Khi một khách truy cập nhấp vào nút, phương thức

Hãy tự mình thử! Nhấp vào nút bên dưới và đợi 5 giây:

Trong ví dụ đơn giản ở trên, chúng tôi đã nhúng toàn bộ mã cho hộp cảnh báo JavaScript của chúng tôi trong cuộc gọi

Nhấp vào nút bên dưới để xem hành động:

7

Đôi khi nó rất hữu ích để có thể hủy một bộ đếm thời gian trước khi nó tắt. Phương pháp

trong đó

Ví dụ: mã sau đặt một hộp cảnh báo để xuất hiện sau 3 giây khi nhấp vào nút, nhưng khách truy cập có thể nhấp vào cùng một nút trước khi cảnh báo xuất hiện và hủy thời gian chờ:

Hãy thử nó ra! Nhấp vào nút bên dưới để bắt đầu hẹn giờ và nhấp lại trong vòng 3 giây để hủy nó.

$('#texttwo').keyup(function(){ var textone; var texttwo; textone = parseFloat($('#textone').val()); texttwo = parseFloat($('#texttwo').val()); var result = textone + texttwo; $('#result').val(result.toFixed(2)); }); 9

Hàm

Sự khác biệt quan trọng là, trong khi

Vậy khi nào bạn nên sử dụng nó? Về cơ bản, nếu bạn từng thấy mình viết mã như:

Thay vào đó, bạn có lẽ nên sử dụng

Tại sao? Chà, vì một điều bạn không cần phải nhớ gọi

$('#texttwo').keyup(function(){ var textone; var texttwo; textone = parseFloat($('#textone').val()); texttwo = parseFloat($('#texttwo').val()); var result = textone + texttwo; $('#result').val(result.toFixed(2)); }); 4

Như bạn có thể đoán được, nếu bạn muốn hủy một

Ở đây, một ví dụ đơn giản về

Và đây là hành động. Nhấp vào nút bên dưới để khởi động nó:

Bản tóm tắt

Bây giờ chúng tôi đã đề cập đến bốn phương pháp mà bạn có thể sử dụng để tạo các sự kiện được định thời trong JavaScript: