CSS3 + Javascript电子时钟js特效

最新推荐文章于 2024-01-19 17:49:20 发布

转载最新推荐文章于 2024-01-19 17:49:20 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yy123.ink/frontDetail/12545

文章标签：

#jquery #动画 #javascript

网站模版专栏收录该内容

3170 篇文章

订阅专栏

此博客展示了如何使用JavaScript实时获取并显示当前日期、小时、分钟和秒，通过setInterval函数实现动态刷新。

下载地址

// Create two variable with the names of the months and days in an arrayvar monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; var dayNames= ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]// Create a newDate() objectvar newDate = new Date();// Extract the current date from Date objectnewDate.setDate(newDate.getDate());// Output the day, date, month and year $("#Date").html(dayNames[newDate.getDay()] + " " + newDate.getDate() + " " + monthNames[newDate.getMonth()] + " " + newDate.getFullYear());setInterval( function() { // Create a newDate() object and extract the seconds of the current time on the visitor"s var seconds = new Date().getSeconds(); // Add a leading zero to seconds value $("#sec").html(( seconds < 10 ? "0" : "" ) + seconds); },1000); setInterval( function() { // Create a newDate() object and extract the minutes of the current time on the visitor"s var minutes = new Date().getMinutes(); // Add a leading zero to the minutes value $("#min").html(( minutes < 10 ? "0" : "" ) + minutes); },1000); setInterval( function() { // Create a newDate() object and extract the hours of the current time on the visitor"s var hours = new Date().getHours(); // Add a leading zero to the hours value $("#hours").html(( hours < 10 ? "0" : "" ) + hours); }, 1000);