数码时钟

最新推荐文章于 2022-10-24 00:00:00 发布

xbabyx

最新推荐文章于 2022-10-24 00:00:00 发布

阅读量244

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xbabyx/article/details/43565261

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script type="text/javascript">
function toDouble(n) { //把时间里的一位数变成两位数
if(n<10) {
return "0"+n; //一位数的前面加0并且拼接字符串避免数字做加法运算
}else {
return ""+n; //拼接字符串避免数字做加法运算
}
};
function clock() {
var aImg = document.getElementsByTagName("img");
var oDate = new Date();
var str = toDouble(oDate.getHours())+toDouble(oDate.getMinutes())+toDouble(oDate.getSeconds());
//alert(str);
for(var i=0; i<aImg.length; i++) {
aImg[i].src="img/num/"+str.charAt(i)+".jpg"; //charAt方法为了解决兼容性问题
}
};
window.onload = function () {
//var str = "152036";
clock(); //为了解决刷新时,刚开始时, 出现全部为0的情况因为定时器需要1秒后才执行.
setInterval(clock, 1000);
};
</script>
</head>
<body style="color:black; font-size:50px;">
<img src="img/num/0.jpg" />
<img src="img/num/0.jpg" />
:
<img src="img/num/0.jpg" />
<img src="img/num/0.jpg" />
:
<img src="img/num/0.jpg" />
<img src="img/num/0.jpg" />
</body>
</html>

xbabyx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
数码时钟

content="EditPlus®"> Document function toDouble(n) {//把时间里的一位数变成两位数if(nreturn "0"+n;//一位数的前面加0并且拼接字符串避免数字做加法运算}else {return ""+n;//拼接字符串避免数字做加法运算} }; func
复制链接

扫一扫

专栏目录