Hướng dẫn viết đồng hồ đếm ngược thời gian bằng Javascript

3 1.3K 5
Hướng dẫn viết đồng hồ đếm ngược thời gian bằng Javascript

Đang tải... (xem toàn văn)

Thông tin tài liệu

wWw.VipLam.Info Hướng dẫn viết đồng hồ đếm ngược thời gian Javascript Cuối năm tới kiện đó, phương tiện thông tin đại chúng hay internet, bạn thường bắt gặp dạng đồng hồ đếm ngược thời gian chèn vào làm tăng thêm thú vị nô nức cho người xem Bạn không hiểu chúng hoạt động đa số ngôn ngữ lập trình có hỗ trợ hàm thời gian mà hàm thường tính tới không tính lùi Vậy để tính thời gian lùi trang web làm bạn phải tạo phép toán trừ cho tất biến ngày, tháng, năm, giờ, phút, giây Chỉ cần lấy đỉnh ngày cuối đến ngày ta mong đợi, trừ tại, ta thời gian phải chờ đợi Ý tưởng vậy, ta bắt đầu viết cụ thể qua ví dụ "Đồng hồ chờ ngày Noel Javascript" Trong viết này, cố gắng mô tả dùng từ ngữ cho bạn chưa biết nhiều Javascript tự viết cho đồng hồ theo ý thích Dù biết thuật toán mã nguồn chưa tối ưu mong đem đến cho bạn ý tưởng tốt để chia phát triển Trong Javascript, có hàm lấy giá trị ngày "new Date()" Ta lấy giá trị gán cho biến (là từ, số ký tự chọn đấy) Ở chọn "bien" Sau "bien" có giá trị việc lấy giá trị ngày, tháng, năm thông qua giá trị "bien." (có dấu chấm) var bien = new Date(); var nam = bien.getYear(); var thang = bien.getMonth() + 1; var = bien.getDate(); var gio = bien.getHours(); var phut = bien.getMinutes(); var giay = bien.getSeconds(); var homnay = bien.getDay(); Đặt tất giá trị hàm "chỉ giờ" khởi tạo thời gian thực giây, tương đương với số 1000 giohienhanh = setTimeout("chigio()",1000); Nhưng đến đồng hồ đếm giây ngừng lại, muốn cho chúng đếm liên tục, ta phải tạo cờ chạy "chaygio" với hai giá trị "true" "false" Nếu cờ "chaygio" xóa giá trị hành trở giá trị sai, để sau xét thấy "chaygio" sai hàm "chigio" gọi lại để cập nhật thời gian lại tiếp tục đổi "chigio" thành Giống trò chơi bập bênh, giả sử xuống thấp "false" lên "true", người bên xuống có lực tác động để người bên lên ngược lại, đồng hồ đếm với thời gian giây Bây giờ, để in hình, ta dùng hàm "document.write()" Nhưng đây, đẹp không ảnh hưởng đến bố cục trang web, cho lên "status bar" Các giá trị đảo ngược thực qua phép trừ xong var in_ra = ""; //Giá trị rỗng wWw.VipLam.Info in_ra += ('Co`n '); in_ra +=(24-ngay + " nga`y ");//Sua so 24 30 neu ban muon cho nam moi in_ra +=(24-gio)+(' gio '); in_ra += (60-phut) +(' phut '); in_ra += (60-giay) + (' giay nua la toi Noel'); window.status = in_ra; Cuối cùng, tạo hàm điều khiển (chương trình chính) function chay() { ngung(); chigio() } Với hàm "ngung()" (ngưng) xóa hành trả "chaygio = false" hàm "chigio" có tác dụng ngược lại nói Dưới toàn mã nguồn viết, đồng hồ dùng nội tháng có kiện xảy nên không dùng đến biến năm, tháng, thứ tuần chèn thêm vào cho bạn tham khảo phát triển ý thích Merry Christmas Dong ho dem nguoc thoi gian phudutrang18290@yahoo.com Hãy xem giờ! Các bạn copy toàn mã nguồn bên trên, past vào "Notepad", sau lưu lại với đuôi *.htm trang web có sau Mọi thắc mắc, góp ý xin bạn gởi địa email: phudutrang18290@yahoo.com Chúc thành công! oOo -Lê Văn Hà Email: phudutrang18290@yahoo.com Website: http://viplam.info ... "ngung()" (ngưng) xóa hành trả "chaygio = false" hàm "chigio" có tác dụng ngược lại nói Dưới toàn mã nguồn viết, đồng hồ dùng nội tháng có kiện xảy nên không dùng đến biến năm, tháng, thứ tuần... Merry Christmas Dong ho dem nguoc thoi gian< /font> phudutrang18290@yahoo.com

Ngày đăng: 16/11/2015, 16:03

Từ khóa liên quan

Tài liệu cùng người dùng

Tài liệu liên quan