javascript特效--制作背景电子钟（整点时祝贺生日快乐）

最新推荐文章于 2022-08-13 10:35:40 发布

weixin_30813225

最新推荐文章于 2022-08-13 10:35:40 发布

阅读量206

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhu-xingyu/p/5199089.html

版权

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>背景时钟</title>
 6    
 7 </head>
 8 <body>
 9    <p   id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:#FFAAAA;font-size:100px;top:10px;left:152px"> </p>
10 
11    
12 
13     <script type="text/javascript">
14             
15             function clockDemo(){
16                 //先获得时间
17             var time=new Date();
18             var hour=time.getHours(); //时
19             var minute=time.getMinutes();  //分
20             var second=time.getSeconds();  //秒
21            
22             if(eval(hour)<10) hour="0"+hour;  //如果不满10
23             if(eval(minute)<10) minute="0"+minute;  
24             if(eval(second)<10) second="0"+second;
25             var timeStr=hour+":"+minute+":"+second;
26             if(eval(hour)==0 && eval(minute)==0 && eval(second)==0) alert("生日快乐！");
27           
28             var bgclockshade=document.getElementById("bgclockshade");
29          30            
31           
32              bgclockshade.innerHTML=timeStr;   
33         
34                     
35             var timer= setTimeout("clockDemo()",200); //没0.2秒刷新时间
36                  
37                  }
38 
39             clockDemo(); //启动入口
40     </script>
41     
42 </body>
43 </html>

转载于:https://www.cnblogs.com/zhu-xingyu/p/5199089.html

weixin_30813225

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javascript特效--制作背景电子钟（整点时祝贺生日快乐）

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>背景时钟</title> 6 7 </head> 8 <body> 9 &l...
复制链接

扫一扫