-2

divタグ内に配置されたコードのみを更新すると言われているコードに出くわしました。の残り秒数を出力する必要があります1-1-2013。しかし、私は何も見えなくなります。タグ内に配置されたものは表示されdivません。JQueryとが手元にAjaxないため、間違いを見つけることができません。

<body bgcolor="#73AF59">

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js">

    </script>

    <audio  preload="auto" src="tones/Time-In-A-Bottle.mp3" loop autoplay> 

    </audio>

    <%! 
      GregorianCalendar newYear =  new GregorianCalendar(2013, 0, 1);  
      /*
       * 0 : January
       * 1 : 1st January
       * 2013 : year
       */           
    %>


<table width="100%">
<tr> 
  <td width="40%"> </td>
  <td> <img src="images/animations/pyear.gif" /> </td>
</tr>

<tr>
  <td width="40%"> <center> <font face="Chiller" size="+6"> <br /> Countdown </font> </center> </td>
  <td>  <center> <font face="Chiller" size="+6"> <br /> 
      <script type="text/javascript">
        var auto_refresh = setInterval(
        function ()
        {
            $('#load_tweets').load('record_count.php').fadeIn("slow");
        }, 1000); // refresh every 10000 milliseconds
        <div id="load_tweets">

         <%= ( newYear.getTimeInMillis() - new GregorianCalendar().getTimeInMillis() ) / 1000 %>

        </div>
      </script>
      </font> </center>
</td>
</tr>

<tr>
  <td colspan="2" style="height:400px"  valign="bottom"> <img src="images/animations/3D_balloons.gif" /> 
        <em>This poor design and animations compiled by Suhail Gupta.</em>
            <audio style="visibility: hidden" > </audio>
  </td>
</tr>
<!-- !-->

ステートメント<%= ( newYear.getTimeInMillis() - new GregorianCalendar().getTimeInMillis() ) / 1000 %>は、2013 年の到来までの残り秒数を出力する必要があります。

4

2 に答える 2

0

考えるべきことがいくつかあります。

  1. doc readyjQueryのハンドラーがありません
  2. <script/>タグ内にdivを配置しました
  3. を削除してみてくださいfadeIn

したがって、コードは次のようにする必要があります。

<body bgcolor="#73AF59">

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>

    <audio  preload="auto" src="tones/Time-In-A-Bottle.mp3" loop autoplay></audio>

    <%! 
      GregorianCalendar newYear =  new GregorianCalendar(2013, 0, 1);  
      /*
       * 0 : January
       * 1 : 1st January
       * 2013 : year
       */           
    %>


<table width="100%">
<tr> 
  <td width="40%"> </td>
  <td> <img src="images/animations/pyear.gif" /> </td>
</tr>

<tr>
  <td width="40%"> <center> <font face="Chiller" size="+6"> <br /> Countdown </font> </center> </td>
  <td>   
      <script type="text/javascript">
      $(document).ready(function(){ // try to put in doc ready handler
        var auto_refresh = setInterval(function (){
            $('#load_tweets').load('record_count.php');
        }, 1000); // refresh every 10000 milliseconds
      });
      </script>
      <center> 
      <font face="Chiller" size="+6"> <br />
        <div id="load_tweets">
         <%= ( newYear.getTimeInMillis() - new GregorianCalendar().getTimeInMillis() ) / 1000 %>
        </div> 
         </font> 
      </center>
</td>
</tr>

<tr>
  <td colspan="2" style="height:400px"  valign="bottom"> <img src="images/animations/3D_balloons.gif" /> 
        <em>This poor design and animations compiled by Suhail Gupta.</em>
            <audio style="visibility: hidden" > </audio>
  </td>
</tr>
<!-- !-->

または、これをjQueryのすぐ下に移動できます。

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){ // try to put in doc ready handler
        var auto_refresh = setInterval(function (){
            $('#load_tweets').load('record_count.php');
        }, 1000); // refresh every 10000 milliseconds
      });
     </script>

これを試して、これが役立つかどうかを確認してください。

于 2012-12-27T05:29:17.080 に答える
0

指定された間隔で Web ページに結果 (2 日付のミルの減算) を出力するにはservlet、ミルの減算を生成する を作成し、JSP で Ajax ルーチンを記述してそれを要求する必要がありますservlet。

サーブレット

@WebServlet(name = "TestServlet", urlPatterns = {"/test"})
public class TestServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
       double value=((double)(new GregorianCalendar(2013, 0, 1).getTimeInMillis() - new GregorianCalendar().getTimeInMillis()))/1000;
       PrintWriter pw=response.getWriter();
       response.setContentType("text/plain");
       pw.print(value);
       pw.flush();
    }
}

メソッドを使用してサーブレットをリクエストするページ$.ajax:

テストページ.jsp

 <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            setInterval(function(){  
                $.ajax({
                    url: 'test',
                    type: 'get',
                    dataType: 'text',
                    success: function(data){
                        $("#result").html(data);
                    }
                });
            },1000);
        });
    </script>
</head>
<body>
    <div id="result"></div>
</body>
于 2012-12-27T06:04:52.890 に答える