妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 78|回复: 1

[求助] 网页时间自动更新

[复制链接]
yinhuayan 发表于 2017-1-8 11:03:38 | 显示全部楼层 |阅读模式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<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())+'秒';
        
           for(i=0;i<aImg.length;i++)
           {
              aImg.src='img/'+str.charA(i)+'.png';
           }
         };
     setInterval(updateTime, 1000);
         updateTime();
};
</script>
</head>

<body style="color: #FF00FF; background: #CCCCCC; font-size:40px">
<img src="img/0.png" />
<img src="img/0.png" />

<img src="img/0.png" />
<img src="img/0.png" />

<img src="img/0.png" />
<img src="img/0.png" />

</body>
</html>
跟老师课程一起现学现做代码就是运行不出来



回复

使用道具 举报

feng198730 发表于 2017-1-11 14:29:14 | 显示全部楼层
字符串里有点分秒,和Img的位数对不上,字符串和图片位数一样挨个调整对应图片显示,所以字符串只拼时间数字不要点分秒就好了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2017-3-24 14:05 , Processed in 0.240095 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表

论坛重要通知

亲爱的妙味用户们:

当你们看到这个界面时,妙味论坛已经光荣退伍,感谢论坛陪伴我们的5年时光!

之所以让论坛退伍,是因为多年来论坛经常遭受各类莫明攻击、以及每天被海量垃圾广告覆盖,管理成本居高不下,数据丢失严重……在诸多考虑之后,我们决定至即日起停止维护论坛,并停止论坛的 “注册”、“发帖”、“回帖” 等功能,只保留老用户登录及查看帖子功能(注意,官网注册的用户不能再登录论坛)。

此外,妙味论坛原来承载的功能作如下安排:

论坛原有的“公告”版块,请大家移步至:官网新闻页
论坛原有的“学员作品”版块,请大家移步至:官网学员作品页
论坛原有的“技术交流”版块,请大家移步至:官网问答页


即日起,官方不再对论坛做任何维护工作,给大家带来不便,敬请谅解!

妙味团队 2017-2-6