A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 张龙欢 中级黑马   /  2013-6-2 21:00  /  995 人查看  /  3 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 张龙欢 于 2013-6-12 20:00 编辑

下面是一个与目标时间倒计时的倒计时的程序,运行后却只有一个文本框,没有内容,找了好久没找到哪里有错,希望看出问题来的高手帮忙指点下!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.         <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=GB18030">
  5.         <title>倒计时</title>
  6.         <script type="text/javascript">
  7.                 function getTime(){
  8.                         alert(11);
  9.                         var now=new Date();
  10.                         var target=new Date(2015,5,28,17);
  11.                         
  12.                         var time=target.getTime()-now.getTime();
  13.                         
  14.                         var day=Math.floor(time/(1000*60*60*24));
  15.                         var hour=Math.floor(time/(1000*60*60*24))/(1000*60*60);
  16.                         var minute=Math.floor(time/(1000*60*60*24))/(1000*60);
  17.                         var second=Math.floor(time/(1000*60*60*24))/(1000);
  18.                         
  19.                         var str = "距离培训结束日2014年6月18日17:00还有:" + day + "天" + hour + "小时" + minute + "分" + second + "秒";
  20.                         
  21.                         return str;
  22.                         
  23.                 }
  24.                 function view(){
  25.                         var timevalue=document.body.getElementById("time");
  26.                         timevalue.value=getTime();
  27.                 }
  28.                 window.onload=function(){
  29.                         window.setInterval(view, 1000);
  30.                 }
  31.         </script>
  32.         </head>
  33.         <body>
  34.                 <input type="text" id="time" style="width:1000xp;" contenteditable="false" />
  35.         </body>
  36. </html>
复制代码

评分

参与人数 1技术分 +1 收起 理由
曹睿翔 + 1 神马都是浮云

查看全部评分

3 个回复

正序浏览
楼主你好  如果问题已经解决  请把帖子的类型改为已解决  然后会给你发几个粽子吃
回复 使用道具 举报
lxf_cat5277 发表于 2013-6-2 21:43
程序已经帮你调好了。主要问题在document.getElementById("time"); 这一句代码。

知道自己错哪了,真的是太谢谢你了!
回复 使用道具 举报
程序已经帮你调好了。主要问题在document.getElementById("time"); 这一句代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GB18030">
        <title>倒计时</title>
        <script type="text/javascript">
                function getTime(){
                       // alert(11);
                        var now=new Date();
                        var target=new Date(2015,5,28,17);
                        
                        var time=target.getTime()-now.getTime();
                        
                        var day=Math.floor(time/(1000*60*60*24));
                        var hour=Math.floor(time/(1000*60*60*24))/(1000*60*60);
                        var minute=Math.floor(time/(1000*60*60*24))/(1000*60);
                        var second=Math.floor(time/(1000*60*60*24))/(1000);
                        
                        var str = "距离培训结束日2014年6月18日17:00还有:" + day + "天" + hour + "小时" + minute + "分" + second + "秒";
                        
                        return str;
                        
                }
                function view(){
                        var timevalue=document.getElementById("time");
                        timevalue.value=getTime();
                }
                window.onload=function(){
                        window.setInterval(view, 1000);
                }
        </script>
        </head>
        <body>
                <input type="text" id="time" style="width:1000xp;" contenteditable="false" ></input>
        </body>
</html>

评分

参与人数 1技术分 +1 收起 理由
袁梦希 + 1 赞一个!

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马