当前时间(模拟电子时钟)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>模拟电子时钟</title> <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> </head> <body> <div> 当前时间为: <span class="current-time"></span> </div> <script> $(function () { // 获取时间 function currentTime() { let time, y, m, d, h, mm, s; let date = new Date(); y = date.getFullYear(); m = date.getMonth() + 1; d = date.getDate(); h = date.getHours(); mm = date.getMinutes(); s = date.getSeconds(); $(".current-time").html(filterTime(y, m, d, h, mm, s)); setInterval(function () { let date2 = new Date(); h = date2.getHours(); mm = date2.getMinutes(); s = date2.getSeconds(); $(".current-time").html(filterTime(y, m, d, h, mm, s)); }, 1000) } // 过滤时间 function filterTime(y, m, d, h, mm, s) { time = y + "年"; if (m < 10) { time += "0"; } time += m + "月"; if (d < 10) { time += "0"; } time += d + "日"; if (h < 10) { time += "0"; } time += h + "时"; if (mm <10 ) { time += "0"; } time += mm + "分"; if (s < 10) { time += "0"; } time += s + "秒"; return time; } currentTime(); }) </script> </body> </html>
注:在safari浏览器中,请将声明“let” 改为“var”,否则会报错。(据悉是因为safari和chrome 关于let的作用域不一样)