{"id":23360233,"url":"https://github.com/shivlalsharma/digital-clock","last_synced_at":"2026-05-07T03:39:50.952Z","repository":{"id":269153578,"uuid":"896874866","full_name":"shivlalsharma/digital-clock","owner":"shivlalsharma","description":"A simple, responsive digital clock built using HTML, CSS, and JavaScript that updates every second and displays the current time in 12-hour format with AM/PM.","archived":false,"fork":false,"pushed_at":"2024-12-01T14:19:16.000Z","size":195,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"javascript","last_synced_at":"2025-02-13T22:29:15.962Z","etag":null,"topics":["clock","css","digital-clock","frontend","html","javascript","responsive-design","web-development"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shivlalsharma.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-01T14:18:47.000Z","updated_at":"2024-12-01T14:22:15.000Z","dependencies_parsed_at":"2024-12-21T11:13:27.633Z","dependency_job_id":"db6d3bfa-b690-4e7f-9588-4429a66e8a94","html_url":"https://github.com/shivlalsharma/digital-clock","commit_stats":null,"previous_names":["shivlalsharma/digital-clock"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shivlalsharma%2Fdigital-clock","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shivlalsharma%2Fdigital-clock/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shivlalsharma%2Fdigital-clock/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shivlalsharma%2Fdigital-clock/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shivlalsharma","download_url":"https://codeload.github.com/shivlalsharma/digital-clock/tar.gz/refs/heads/javascript","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247729633,"owners_count":20986395,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clock","css","digital-clock","frontend","html","javascript","responsive-design","web-development"],"created_at":"2024-12-21T11:13:25.736Z","updated_at":"2026-05-07T03:39:50.908Z","avatar_url":"https://github.com/shivlalsharma.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Digital Clock\n\nThis is a simple yet elegant digital clock built using HTML, CSS, and JavaScript. It displays the current time in a 12-hour format with AM/PM, updating every second.\n\n## Features\n\n- Displays the current time in the format `HH : MM : SS AM/PM`.\n- Automatically updates every second using JavaScript.\n- Uses a background image for a visually appealing design.\n- Fully responsive for mobile and desktop views.\n- Lightweight and easy to use.\n\n## Technology Used\n\n- **HTML**: Structure of the page.\n- **CSS**: Styling for the clock and layout.\n- **JavaScript**: Used to dynamically update the time every second.\n- **Responsive Design**: The clock adjusts its size based on screen width.\n- **Background Image**: Adds a professional touch to the design.\n\n## How It Works\n\n1. The HTML file contains a `div` element that holds the clock (`#time`).\n2. The JavaScript function `displayTime()` fetches the current time using the `Date` object and formats it to 12-hour format.\n3. The time is displayed in the `#time` element, and the `setInterval()` method ensures the time is updated every second.\n4. The CSS styles the clock, centers it on the screen, and makes it responsive for smaller screens.\n5. The clock’s background is set with an image for a visually appealing design.\n\n## Installation\n\nfollow these steps to run the project locally:\n\n1. **Clone the repository**:\n    ```bash\n    git clone https://github.com/shivlalsharma/digital-clock.git\n    cd digital-clock\n    ```\n\n2. **Open the `index.html` file in your browser**.\n\n   Alternatively, you can set up a local server (e.g., using **VS Code Live Server**) to view the project in your browser.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Author\n\nCreated and deployed by **Shivlal Sharma**.  \n- **GitHub**: [Shivlal Sharma's GitHub](https://github.com/shivlalsharma)\n- **LinkedIn**: [Shivlal Sharma's LinkedIn](https://www.linkedin.com/in/shivlal-sharma-56ba5a284/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshivlalsharma%2Fdigital-clock","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshivlalsharma%2Fdigital-clock","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshivlalsharma%2Fdigital-clock/lists"}