介绍 & lt; div id=癱lock"比;
,& lt; p> & lt;/p>
,& lt; p> & lt;/p>
,& lt; p> & lt;/p>
& lt;/div> , *{保证金:0;填充:0;}
钟,#{宽度:300 px;高度:150 px;位置:,相对的,保证金:50 px 汽车;背景:,继续,光标:,违约;}
,# clock p {margin-top: 5 px;宽度:300 px;高度:,40 px; text-align:,中心;
,字体:italic bold 36 px/40 px arial,无衬线;字母间距:,3 px;颜色:blueviolet;} window.onload =, function ()
,{
,var oDiv =, . getelementbyid(& # 39;时钟# 39;);
,var aP =, oDiv.getElementsByTagName (& # 39; p # 39;);
,setInterval(时钟,1000);
,function 时钟()
,{
,var oDate =, new 日期();,//创建日期对象
,var date =, oDate.getFullYear() + & # 39; & # 39; +,转换(oDate.getMonth() + 1), + & # 39; & # 39; +,转换(oDate.getDate ());
,var time =,转换(oDate.getHours()), + & # 39;: & # 39; +转换(oDate.getMinutes()), +, & # 39;: & # 39;, +转换(oDate.getSeconds ());
,据美联社[0].innerHTML =,日期;
据美联社[1],.innerHTML =,时间;
据美联社[2],.innerHTML =, & # 39;星期& # 39;,+,convertWeek (oDate.getDay ());
,}
,时钟();//加载完页面后立刻执行一次,不用等1秒后才显示
,};
,//把一位数字转换为两位字符串,补0
,function 转换(num)
,{
,return num & lt; 9 ? & # 39; 0 & # 39; + num: & # 39; & # 39; + num;
,}
,//把星期转换为中文
,function convertWeek (num)
,{
,return num==0 ? & # 39;日& # 39;:num==1 ? & # 39;一& # 39;:num==2 ? & # 39;二& # 39;:num==3 ? & # 39;三& # 39;:num==4 ? & # 39;四& # 39;:num==5 ? & # 39;五& # 39;:& # 39;六& # 39;;
,}
小编给大家分享一下javascript实现简易数码时钟的方法,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
,具体内容如下
通过这个小例子复习一下日期对象的基本使用。
还可以用日期对象做定时器,计时器等等。
效果如图:
可以自己去找炫一点的图片来代替文字,原理都是一样,只是如果用图片代替文字,则定时切换图片即可。
HTML代码:
CSS代码:
JS代码:
看完了这篇文章,相信你对“javascript实现简易数码时钟的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
