JavaScript实现美女时钟

该文章将通过JavaScript脚本语言来实现一个时钟的功能。

代码

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title ></ title >
< script type ="text/javascript" >
// 当小时数或分钟数小于10时在其前面补一个0
function get2Len(str) {
if (str <= 10 ) {
return " 0 " + str;
}
return str;
}

function getImg() {
var now = new Date(); // 获得当前时间
var hour = now.getHours(); // 获得当前时间的小时数
var minute = now.getMinutes(); // 获得当前时间的分钟数

var fileName = get2Len(hour) + " _ " + get2Len(minute);
var imgid = document.getElementById( " imgTime " ); // 获得Elements imgTime
if ( ! imgid) {
return ;
}
imgid.src = " ../mm/ " + fileName + " .jpg " ; // 设置图片的路径
}
setInterval( " getImg() " , 1000 ); // 每秒钟促发一次
</ script >
</ head >
< body onload ="getImg()" >
< img alt ="" id ="imgTime" src ="" />
</ body >
</ html >

转载于:https://www.cnblogs.com/zhlnxindie/archive/2010/08/27/1810505.html

JavaScript实现美女时钟相关推荐

javascript计时器：仿美女时钟
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
JavaScript制作的时钟
JavaScript制作的时钟分享一个自己制作的时钟.算是低级版的吧,秒钟分钟时钟都是可以获取到时间,根据时间来动的.是动态的. 效果图如下: 制作之前肯定要先把钟的各个部件画出来,然后加上样式,最 ...
搜道网美女时钟免费申请软件v3.9官方版
2019独角兽企业重金招聘Python工程师标准>>> 名称:搜道网美女时钟免费申请软件v3.9官方版版本:3.9 大小:11.9MB 软件语言:中文简体软件授权:免费版应用平 ...
数字时钟html脚本,javascript实现数字时钟效果
本文实例为大家分享了javascript实现数字时钟效果的具体代码,供大家参考,具体内容如下效果图需求分析 1.通过date获取时间 2.通过间隔定时器setInterval动态获取时间 3.间隔 ...
c#学习系列之Application.StartupPath的用法（美女时钟的做法）
Application.StartupPath是一个只读属性,是不可以设置的. Application.StarupPath获取启动了应用程序的可执行文件的路径,不包括可执行文件的名称.既是Appli ...
网络中传说的美女时钟!
这个是学习Dom时,写的一个练习,觉得挺好玩的,放上来,供朋友们玩玩! <美女时钟>
WPF图片切换问题(美女时钟)
最近想弄个基于WPF的美女时钟,主要思想就是一个Image控件显示图片,添加一个Timer定时设置每秒更新一张图片.在弄的过程中发现一些小问题,在这里记下来留着以后查看! 1:设置Iamge的Sour ...
web——javascript实现动态时钟
web--javascript实现动态时钟 javascript实现动态时钟,与当前时间同步. <!DOCTYPE html> <html lang="en"&g ...
JavaScript实现动态时钟显示
目录动态时钟显示效果代码实现 1.创建html文件(时钟显示.html) 2.设置html标签 3.设置html标签的CSS样式 4.设置JavaScript 1)创建函数和Date 2)获取da ...

JavaScript实现美女时钟

JavaScript实现美女时钟相关推荐

最新文章

热门文章