javascript实现的数码时钟

*注意每个分割图片和时间显示图片的位置

<!-- <script type="text/javascript">
//给body添加οnlοad="clock()"
function clock(){

//使用Date()函数分别获取目前时间并对获取的值进行判断

//判断完成后拼接字符串

//选取相应的图片完成最终效果
               var time=new Date();
               var hour=time.getHours();
               var minute=time.getMinutes();
               var second=time.getSeconds();
               hour=hour>10?hour:("0"+hour);
               minute=minute>10?minute:("0"+minute);
               second=second>10?second:("0"+second);
               var hou=new String(hour);
               var n11=hou.substr(0,1);
               var n12=hou.substr(1,1);
               var minu=new String(hour);
               var n31=minu.substr(0,1);
               var n42=minu.substr(1,1);
               var sec=new String(hour);
               var n51=sec.substr(0,1);
               var n62=sec.substr(1,1);
               document.images[0].src="img/s/C2-"+n11+".jpg";
               document.images[1].src="img/s/C2-"+n21+".jpg";
               document.images[3].src="img/s/C2-"+n31+".jpg";
               document.images[4].src="img/s/C2-"+n41+".jpg";
               document.images[6].src="img/s/C2-"+n51+".jpg";
               document.images[7].src="img/s/C2-"+n61+".jpg";
               setTimeout("clock()",1000);
           }
       </script>
       <img src="img/s/C2-1.jpg"/><img src="img/s/C2-1.jpg"/>
       <img src="img/s/C2-2.jpg"/>
       <img src="img/s/C2-1.jpg"/><img src="img/s/C2-1.jpg"/>
       <img src="img/s/C2-2.jpg"/>
       <img src="img/s/C2-1.jpg"/><img src="img/s/C2-1.jpg"/>-->

javascript实现的数码时钟相关推荐

JS制作日历小事件和数码时钟--JavaScript实例集锦（初学）
运用JS的innerHTML,和for循环实现日历小部件内容和日期的转换. <!DOCTYPE html> <html> <head><title>日历 ...
JavaScript之数码时钟
下面,我就教大家如何利用JavaScript做一个简单的数码时钟. 在做之前我们需要在网上找到从0-9的10张数字图片,保存到一个文件夹里面,并将数字图片对应为相应的数字,作为我们的素材工具. 具体步 ...
基于JavaScript的数码时钟
用JavaScript+html+css做的一个简易的数码时钟,具有一定的观赏性,Demo效果: 具体步骤如下: 数码时钟的做法思路就是:给出六张图片,分别对应"时分秒"六个数字, ...
html5时间画布走动,javascript+HTML5 canvas绘制时钟功能示例
本文实例讲述了javascript+HTML5 canvas绘制时钟功能.分享给大家供大家参考,具体如下: 效果如下: 代码: www.jb51.net canvas绘制时钟 div{text-ali ...
javascript做极简时钟特效，再简单没思路你也做不出来
点击查看时钟特效极简主义,程序员javascript打造极简时钟特效对于javascript特效的学习,重要的是逻辑思路,所以这个时钟特效不是很华丽,但是功能都展现出来了,而学习javascrip ...
html5canvas绘制时钟,JavaScript html5 canvas绘制时钟效果
本文实例讲述了JavaScript+html5 canvas绘制时钟效果.分享给大家供大家参考,具体如下: HTML部分: canvas绘图 JavaScript部分: function init() ...
时钟加闹钟c语言程序,求单片机数码时钟带闹铃的C程序？
数码时钟的程序,应该说很简单,就是通过编程先建立一个时基源,继而获得1秒的时基信号,并累加获得分信号.时信号,至于显示控制,则根据电路原理进行控制即可:当时编写这段程序时,并未加入闹铃功能,原以为闹铃 ...
数码时钟（图片实现）
效果展示: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF- ...
面试上机器-将当前时间以数码时钟的方式控制台显示(Java实现)
面试上机器-将当前时间以数码时钟的方式控制台显示(Java实现) 前言毕业近2年了,写下人生中的第一篇:博客,不喜轻喷,不断进步,希望通过文字记录我的程序人生 : 废话此次记录一次面试上机题,将当 ...

javascript实现的数码时钟

javascript实现的数码时钟相关推荐

最新文章

热门文章