利用JS函数制作时钟运行程序
2024-10-21 14:45:38
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>时钟</title>
<script type="text/javascript">
function toDouble(num)//不满两位,空位补零
{
if(num<10)
{
return '0'+num;//一位数前面加零,就变为两位数
}
else
{
return ''+num;
}
}
window.onload=function()//程序主体运行内容
{
var oBtn=document.getElementById('btn1');
var aImg=document.getElementsByTagName('img');
var i=0;
function updateTime()
{
var oDate=new Date();//获取系统时间
var str=toDouble(oDate.getHours())+toDouble(oDate.getMinutes())+toDouble(oDate.getSeconds());
//alert(str);
for(i=0;i<aImg.length;i++)
{
aImg[i].src='img/'+str.charAt(i)+'.png';//设置图片路径使用charAt方法
}
}
setInterval(updateTime,1000);//自动跟随系统时间每秒刷新
updateTime();//避免页面刷新时停留1秒钟等待时间
};
</script>
</head>
<body style="color:#FFFF00; background:#990099; font-size:30px;">
<img src="C:\Users\Administrator\Desktop\练习文件\数码时钟\img\0.png"/>
<img src="C:\Users\Administrator\Desktop\练习文件\数码时钟\img\0.png"/>
点
<img src="C:\Users\Administrator\Desktop\练习文件\数码时钟\img\0.png"/>
<img src="C:\Users\Administrator\Desktop\练习文件\数码时钟\img\0.png"/>
分
<img src="C:\Users\Administrator\Desktop\练习文件\数码时钟\img\0.png"/>
<img src="C:\Users\Administrator\Desktop\练习文件\数码时钟\img\0.png"/>
秒
</body>
</html>
运行结果如下图:
最新文章
- cxf3.1.4所需jar,大部分都可以从cxf3.1.4的lib包下找到
- IIS的配置
- paip.log4j 日志系统 参数以及最佳实践
- 看别人的代码学习的css
- 贪心 POJ 1328 Radar Installation
- jquery插件 源码
- Java Swing事件处理机制
- setTimeout setInterval 区别 javascript线程解释
- angular这个大梗的学习笔记
- 我的ECshop二次开发从零开始
- 从零开始制作Minecraft启动器(C++开源)
- UVA 12125 March of the Penguins
- Python爬虫框架Scrapy安装使用步骤
- ZOJ ACM 1204 (JAVA)
- SDRAM读写状态解析
- SQLSERVER 聚集一个表的字段2008及以后,要求支持XML
- 使用setup.py安装python包和卸载python包的方法
- OpenCV——反向投影(定位模板图像在输入图像中的位置)
- Java实现继承过程概述
- ubuntu下安装迅雷thunder
热门文章
- EasyNVR RTSP摄像机转HLS直播服务器中使用Onvif协议控制预置位
- EasyNVR H5无插件摄像机直播解决方案前端解析之:如何在播放界面添加实时云台控制界面
- java的Access restriction错误
- multiple-value uuid.NewV4() in single-value context
- HDU - 2612 Find a way 【BFS】
- git设置只允许特定类型的文件
- 畅游HttpCore
- 20145239杜文超 《Java程序设计》第3周学习总结
- Python爬虫 —— 抓取美女图片(Scrapy篇)
- zabbix simple check