Exam Countdown Timer<\/title>\n <style>\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n text-align: center;\n background: linear-gradient(135deg, #1e3c72, #2a5298);\n color: #fff;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .container {\n background: rgba(0,0,0,0.6);\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.6);\n width: 90%;\n max-width: 500px;\n }\n h1 {\n margin-bottom: 20px;\n font-size: 2em;\n color: #ffcc00;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.8);\n }\n input, button {\n padding: 10px;\n margin: 10px;\n border-radius: 10px;\n border: none;\n font-size: 1em;\n }\n input {\n width: 80%;\n }\n button {\n background: #ffcc00;\n color: #000;\n font-weight: bold;\n cursor: pointer;\n transition: background 0.3s ease;\n }\n button:hover {\n background: #ff9900;\n }\n #countdown {\n font-size: 1.8em;\n margin-top: 20px;\n font-weight: bold;\n color: #00ffcc;\n text-shadow: 2px 2px 10px rgba(0,255,204,0.8);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\ud83d\udcda Exam Countdown Timer \u23f3<\/h1>\n <input type=\"text\" id=\"userName\" placeholder=\"Enter Your Name\"><br>\n <input type=\"text\" id=\"examName\" placeholder=\"Enter Exam Name\"><br>\n <input type=\"date\" id=\"examDate\"><br>\n <button onclick=\"startCountdown()\">Start Countdown<\/button>\n <div id=\"countdown\"><\/div>\n <\/div>\n\n <script>\n function startCountdown() {\n const name = document.getElementById('userName').value.trim();\n const exam = document.getElementById('examName').value.trim();\n const dateInput = document.getElementById('examDate').value;\n\n if (!name || !exam || !dateInput) {\n alert('Please enter your name, exam name, and select a date!');\n return;\n }\n\n const targetDate = new Date(dateInput);\n localStorage.setItem('examCountdown', JSON.stringify({ name, exam, date: dateInput }));\n\n runCountdown(name, exam, targetDate);\n }\n\n function runCountdown(name, exam, targetDate) {\n clearInterval(window.countdownTimer);\n window.countdownTimer = setInterval(() => {\n const now = new Date();\n const diff = targetDate - now;\n\n if (diff <= 0) {\n document.getElementById('countdown').innerHTML = `${exam} for ${name} has started! \ud83c\udf89`;\n clearInterval(window.countdownTimer);\n return;\n }\n\n const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((diff \/ (1000 * 60 * 60)) % 24);\n const minutes = Math.floor((diff \/ (1000 * 60)) % 60);\n const seconds = Math.floor((diff \/ 1000) % 60);\n\n document.getElementById('countdown').innerHTML = `${exam} for ${name}<br>${days}d ${hours}h ${minutes}m ${seconds}s`;\n }, 1000);\n }\n\n \/\/ Load saved countdown\n window.onload = () => {\n const saved = localStorage.getItem('examCountdown');\n if (saved) {\n const { name, exam, date } = JSON.parse(saved);\n document.getElementById('userName').value = name;\n document.getElementById('examName').value = exam;\n document.getElementById('examDate').value = date;\n runCountdown(name, exam, new Date(date));\n }\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Exam Countdown Timer \ud83d\udcda Exam Countdown Timer \u23f3 Start Countdown<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5171","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/posts\/5171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/comments?post=5171"}],"version-history":[{"count":1,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/posts\/5171\/revisions"}],"predecessor-version":[{"id":5172,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/posts\/5171\/revisions\/5172"}],"wp:attachment":[{"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/media?parent=5171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/categories?post=5171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/tags?post=5171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5171,"date":"2025-08-24T12:58:03","date_gmt":"2025-08-24T07:28:03","guid":{"rendered":"https:\/\/apicalclasses.com\/?p=5171"},"modified":"2025-08-24T12:58:05","modified_gmt":"2025-08-24T07:28:05","slug":"5171-2","status":"publish","type":"post","link":"https:\/\/apicalclasses.com\/5171-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Exam Countdown Timer<\/title>\n <style>\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n text-align: center;\n background: linear-gradient(135deg, #1e3c72, #2a5298);\n color: #fff;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .container {\n background: rgba(0,0,0,0.6);\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 8px 25px rgba(0,0,0,0.6);\n width: 90%;\n max-width: 500px;\n }\n h1 {\n margin-bottom: 20px;\n font-size: 2em;\n color: #ffcc00;\n text-shadow: 2px 2px 8px rgba(0,0,0,0.8);\n }\n input, button {\n padding: 10px;\n margin: 10px;\n border-radius: 10px;\n border: none;\n font-size: 1em;\n }\n input {\n width: 80%;\n }\n button {\n background: #ffcc00;\n color: #000;\n font-weight: bold;\n cursor: pointer;\n transition: background 0.3s ease;\n }\n button:hover {\n background: #ff9900;\n }\n #countdown {\n font-size: 1.8em;\n margin-top: 20px;\n font-weight: bold;\n color: #00ffcc;\n text-shadow: 2px 2px 10px rgba(0,255,204,0.8);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h1>\ud83d\udcda Exam Countdown Timer \u23f3<\/h1>\n <input type=\"text\" id=\"userName\" placeholder=\"Enter Your Name\"><br>\n <input type=\"text\" id=\"examName\" placeholder=\"Enter Exam Name\"><br>\n <input type=\"date\" id=\"examDate\"><br>\n <button onclick=\"startCountdown()\">Start Countdown<\/button>\n <div id=\"countdown\"><\/div>\n <\/div>\n\n <script>\n function startCountdown() {\n const name = document.getElementById('userName').value.trim();\n const exam = document.getElementById('examName').value.trim();\n const dateInput = document.getElementById('examDate').value;\n\n if (!name || !exam || !dateInput) {\n alert('Please enter your name, exam name, and select a date!');\n return;\n }\n\n const targetDate = new Date(dateInput);\n localStorage.setItem('examCountdown', JSON.stringify({ name, exam, date: dateInput }));\n\n runCountdown(name, exam, targetDate);\n }\n\n function runCountdown(name, exam, targetDate) {\n clearInterval(window.countdownTimer);\n window.countdownTimer = setInterval(() => {\n const now = new Date();\n const diff = targetDate - now;\n\n if (diff <= 0) {\n document.getElementById('countdown').innerHTML = `${exam} for ${name} has started! \ud83c\udf89`;\n clearInterval(window.countdownTimer);\n return;\n }\n\n const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((diff \/ (1000 * 60 * 60)) % 24);\n const minutes = Math.floor((diff \/ (1000 * 60)) % 60);\n const seconds = Math.floor((diff \/ 1000) % 60);\n\n document.getElementById('countdown').innerHTML = `${exam} for ${name}<br>${days}d ${hours}h ${minutes}m ${seconds}s`;\n }, 1000);\n }\n\n \/\/ Load saved countdown\n window.onload = () => {\n const saved = localStorage.getItem('examCountdown');\n if (saved) {\n const { name, exam, date } = JSON.parse(saved);\n document.getElementById('userName').value = name;\n document.getElementById('examName').value = exam;\n document.getElementById('examDate').value = date;\n runCountdown(name, exam, new Date(date));\n }\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Exam Countdown Timer \ud83d\udcda Exam Countdown Timer \u23f3 Start Countdown<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5171","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/posts\/5171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/comments?post=5171"}],"version-history":[{"count":1,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/posts\/5171\/revisions"}],"predecessor-version":[{"id":5172,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/posts\/5171\/revisions\/5172"}],"wp:attachment":[{"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/media?parent=5171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/categories?post=5171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apicalclasses.com\/wp-json\/wp\/v2\/tags?post=5171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}