贵州做网站公司
贵州做网站公司~专业!靠谱!
10年网站模板开发经验,熟悉国内外开源网站程序,包括DEDECMS,WordPress,ZBlog,Discuz! 等网站程序,可为您提供网站建设,网站克隆,仿站,网页设计,网站制作,网站推广优化等服务。我们专注高端营销型网站,企业官网,集团官网,自适应网站,手机网站,网络营销,网站优化,网站服务器环境搭建以及托管运维等。为客户提供一站式网站解决方案!!!

网页时钟(JavaScript如何实现动态网页时钟)

来源:网络转载 时间:2024-05-03 15:13:01

设计思路:

1先建立一个数组保存带有0〜9数字的10张图片;

2.通过GETDATE()获得本地时间保存在变量数值指明MyTime中;

3. getHours()返回的是24进制即0~23的整数,getMinutes()方法返回一个处于0到59之间的整数,getSeconds()方法返回一个处于0到59之间的整数;

4.通过的setTimeout()每隔1秒调用一次显示()函数改变图像对象的SRC属性。

串对象的的charAt(ID)方法:返回指定位置处的字符,标识为要寻找的字符的位置的索引整数,0对应左边第1个字符,1对应左边第2个字符,如喂的的charAt(1 )则是è;

代码如下:

<html><head><title>时钟</title><metacharset="utf-8"><style>*{padding:0;margin:0;}</style><script>functionshow(){varimages=newarray("./images/s0.png","./images/s1.png","./images/s2.png","./images/s3.png","./images/s4.png","./images/s5.png","./images/s6.png","./images/s7.png","./images/s8.png","./images/s9.png");varmyTime=newDate();varhours=myTime.getHours();varminutes=myTime.getMinutes();varseconds=myTime.getSeconds();if(hours<=9){hours="0"+hours;}//补足两位if(minutes<=9){minutes="0"+minutes;}if(seconds<=9){seconds="0"+seconds}vartheString=""+hours+minutes+seconds;//转换为字符串document.getelementbyid("img0").src=images[theString.charAt(0)];document.getElementById("img1").src=images[theString.charAt(1)];document.getElementById("img2").src=images[theString.charAt(2)];document.getElementById("img3").src=images[theString.charAt(3)];document.getElementById("img4").src=images[theString.charAt(4)];document.getElementById("img5").src=images[theString.charAt(5)];setTimeout("show()",1000);}</script></head><bodyonLoad="show()"><imgid="img0"/><imgid="img1"/>时<imgid="img2"/><imgid="img3"/>分<imgid="img4"/><imgid="img5"/></body></html>

感谢各位的阅读,以上就是“JavaScript如何实现动态网页时钟”的内容了,经过本文的学习后,相信大家对JavaScript如何实现动态网页时钟这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是本站,小编将为大家推送更多相关知识点的文章,欢迎关注!

标签:网页时钟-

抖音(Tiktok)是由北京字节跳动科技有限公司(ByteDance)孵化的音乐创意短视频社交网站。它于2016年9月20日上线,主要面向全年龄段的用户,尤其是...

飞极速为您提供高清在线电影、电视剧大全、动画片,综艺等,飞极速在线更新及时,播放速度快,给您带来最好的观影体验!飞极速在线,免费提供日本新番动漫、最新电影和最新...

《南华早报》(英语:South China Morning Post, SCMP)和星期日出版的《星期日南华早报》(英语:Sunday Morning Post...

人民币升值对房价影响有什么问题?人民币升值将提高人民币的购买力,并将直接影响经济发展。理论上,房地产价格是由供需因素决定的,但作为一种消费品,房地产也受到经济因素的很大影响。注意以下两点:人民币升值对房地产的影响:1.货币升值将增加投资收益,大量投资将进入中国市场,导致投资过热,可能影响房地产供应。2.货币升值会提高购买力,但购买力是相对的,这与国际购买力是否增强有关。如果房地产价格上涨,可能会上...

在金融危机期间,失业率普遍会急剧.上升,因此保住工作则是应对金融危机最好的办法。有了工作,才会有稳定的薪酬收入,因此可以支付日常生活中最重要的开销。在金融危机时期,房地产市场、股票市场和期货市场都处于历史最低点,在这一阶段拥有现金资产就是最具有保障的。以下是如何应对金融危机的相关内容。伴随着如今鲍威尔已经承认美联储正在讨论如何缩减购债规模,期权和债市交易市场已经发出了市场预警信号。自金融危机爆发以...

存贷比是什么意思?银行存贷比是指银行贷款总额/存款总额,存贷比越高,说明银行资金得到了充足的运用,可以为银行带来更多的效益,但同时也会带来较高的风险。银行在经营过程中,不仅要达成一定的效益,也要应对客户的取款需求,因此存贷比不宜过高也不宜过低。银行存贷比多少合适?依据国家相关规定,商业银行存贷比不得超过75%。对资本充足率、拨备覆盖率良好的中小银行,允许有条件适当突破存贷比。存贷比和贷存比一样吗?...

TOP