数码时钟

本文介绍了一种使用JavaScript的setInterval函数实时更新网页上显示的时间的方法。通过获取当前时间并将其转换为图像,每秒刷新一次,实现了一个简易的数字时钟功能。
setInterval(function(){
    var now = new Date();
    var hour = now.getHours();
    var min = now.getMinutes();
    var sec = now.getSeconds();
 
    var n1 = parseInt(hour/10);
    var n2 = hour%10;
    var n3 = parseInt(min/10);
    var n4 = min%10;
    var n5 = parseInt(sec/10);
    var n6 = sec%10;
 
    var imgs = document.getElementsByTagName("img");
    imgs[0].src = "img/"+n1+".png";
    imgs[1].src = "img/"+n2+".png";
    imgs[2].src = "img/"+n3+".png";
    imgs[3].src = "img/"+n4+".png";
    imgs[4].src = "img/"+n5+".png";
    imgs[5].src = "img/"+n6+".png";
    //console.log(n1,n2,n3,n4,n5,n6);
}, 1000);

转载于:https://www.cnblogs.com/tis100204/p/10310092.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值