黑马程序员技术交流社区

标题: javascript有关的问题 [打印本页]
作者: 张龙欢    时间: 2013-6-2 21:00
标题: javascript有关的问题
本帖最后由 张龙欢 于 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>
复制代码
作者: lxf_cat5277    时间: 2013-6-2 21:43
程序已经帮你调好了。主要问题在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>
作者: 张龙欢    时间: 2013-6-2 22:31
lxf_cat5277 发表于 2013-6-2 21:43
程序已经帮你调好了。主要问题在document.getElementById("time"); 这一句代码。

知道自己错哪了，真的是太谢谢你了！
作者: 袁梦希    时间: 2013-6-12 18:32
楼主你好  如果问题已经解决  请把帖子的类型改为已解决  然后会给你发几个粽子吃



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2