Chạy ngày, giờ hiện tại với PHP và JavaScript

Việc lấy ra ngày giờ chính xác với thời gian thực và hiển thị nó ra website, tưởng chừng là đơn giản, nhưng thực ra không phải đơn giản lắm. Trong bài viết này mình sẽ chia sẻ với các bạn về code Chạy ngày, giờ hiện tại với PHP và JavaScript.

Có thể bạn quan tâm: Countdown Timer – Đặt giờ đếm ngược với mỗi khách vào Web

Giới thiệu

Hiển thị ngày, giờ hiện tại cho website giúp người dùng có thể biết được thời gian. Cũng như việc nó sẽ trang trí cho website, giúp website nhìn đẹp hơn. Có thể thấy đây là một ứng dụng hữu ích khi lập trình web.

Dưới dây là một ví dụ mà mình đã thực hiện để chạy ngày, giờ hiện tại. Trong đó thứ và ngày mình lấy bằng PHP, “giờ chạy được” mình lấy bằng JavaScript.

Ngày giờ demo
Ngày giờ demo

Thực hiện

Chúng ta sẽ chia ra làm 3 phần chính bao gồm:

  • Code PHP lấy Thứ và Ngày
  • Function chạy giờ hiện tại với JavaScript
  • Show ngày, giờ hiện tại ra tại file PHP

Hãy cùng bắt đầu nào!

1. Code PHP lấy Thứ và Ngày:

Function PHP này lấy thời gian từ website.

2. Function chạy giờ hiện tại với JavaScript

Chú ý: Đây là phần JavaScript mình lấy giờ hiện tại thông qua giờ của máy tính.

3. Code PHP để Show ra ngày, giờ hiện tại:

Kết

Vậy trong bài viết này bạn đã thực hiện được Chạy ngày, giờ hiện tại với PHP và JavaScript. Một tính năng khá hay ho cho website.

Hi vọng bài viết này có ích cho bạn, nếu thấy hay hãy like và share nhé!

Bài viết liên quan

  • Headroom Js – Thư viện giúp ẩn hiện header chuyên nghiệp

    Headroom Js  là một thư viện JavaScript giúp bạn ẩn hiện dễ dàng phần header khi lăn chuột trong trang. Thư viện này tương đối hữu dụng và phổ biến đối với lập trình viên web. Trong bài viết này mình xin giới thiệu với các bạn Headroom Js – Thư viện giúp ẩn hiện header chuyên nghiệp.

  • Scrolling event javascript, bắt sự kiện Cuộn Trang với Javascript.

    Sự kiện Cuộn Trang hay Scrolling event là cái mà chúng ta vẫn thường thực hiện khi vào một website. Do nó xảy thường xuyên, nên hãy bắt lấy nó để tương tác nhiều hơn với người dùng. Trong bài viết này mình sẽ phân tích một ví dụ về Scrolling event javascript, bắt sự kiện Cuộn Trang với Javascript.

  • Countdown Timer – Đặt giờ đếm ngược với mỗi khách vào Web – Không bị reset khi F5

    Để kích thích khách hàng, người vào website mua sản phẩm, người ta đã sáng tạo ra phương pháp sử dụng giờ đếm ngược trong một khoảng thời gian nhất định. Tại bài này mình sẽ hướng dẫn các bạn tạo Countdown Timer – Đặt giờ đếm ngược với mỗi khách vào Web – Không bị reset khi F5 bằng JavaScript thuần.

  • Slider Syncing – Kết nối giữa các slider với nhau – Slick Slider

    Slider Syncing hay kết nối giữa các slider với nhau. Đây là yêu cầu tương đối khó, nếu chúng ta code tay. Tuy nhiên ở bài viết này mình sẽ hướng dẫn các bạn hoàn thành nó nhanh nhất và đơn giản nhất có thể với Slick Slider.

  • Hướng dẫn cài COUNTER-UP jQuery Plugin

    JavaScript càng ngày càng phổ biến và hỗ trợ nhiều mảng. Khi làm về phần khách hàng, hay những dự án đã làm được… Việc thể hiện số liệu là thiết yếu và để làm những con số này đẹp hơn một thư viện có tên Counter-up sẽ giúp bạn. Trong bài viết này, mình sẽ Hướng dẫn cài COUNTER-UP jQuery Plugin.

  • Typed.js – Chuyển động gõ chữ JavaScript

    Typed.js là một thư viện JavaScript hỗ trợ chuyển động gõ chữ. Nhập vào một chuỗi bất kỳ, bạn sẽ được quan sát nó gõ theo tốc độ bạn đặt sẵn, nó cũng tự động xóa đi và viết một câu mới, chuỗi mới nếu như bạn đặt.

Bài viết cùng chuyên mục

Leave a Reply

avatar
  Subscribe  
Notify of
Thuê Tôi