问在php while循环中显示js
EN

Stack Overflow用户

提问于 2010-06-26 04:25:50

回答 1查看 1.5K关注 0票数 0

我在http://www.dynamicdrive.com/dynamicindex6/dhtmlcount.htm里找到了倒计时脚本

如果我只定义日期就可以了，但是当我试图将这个php/mysql查询中的日期传递到js文件中时，它只对第一条记录有效，之后就不起作用了。

<script type="text/javascript" src ="time.js"></script>//this is the script from the above link. this directly gets todays date inside this code

<?php
$result = mysql_query("SELECT * FROM my_table LIMIT 10") or die(mysql_error());
while($row = mysql_fetch_array( $result )) {
$id = $row['id'];
$title = $row['title'];
$date = date("F d, Y", strtotime($row['date']));

 echo '<tr><td>';
 echo $title;
 echo "</td><td>";
 echo $id;
 echo "</td><td>";
 echo $date; //display the date directly from the table as June 25, 2010
 echo "</td><td>";
 ?>
    <!-- this js code and the div is to show the countdown from today like 3D 2H 5M 45-->
 <div id="container"></div>
 <script type="text/javascript">
  var futuredate=new cdtime("container", "<?php echo $date ;?>")
  futuredate.displaycountdown("days", formatresults)
 </script>
 <?php

 echo "</td></tr>"; 
 }

} 
?>

我尝试使用echo将js代码包装为php，但它没有显示任何内容(甚至第一条记录的输出也没有显示)。上面的代码显然做了它必须做的事情，因为我关闭了php并打开了js，这就是它不会循环的原因。但我猜应该有离开的地方。

请帮帮我。

javascript

php

mysql

回答 1

Stack Overflow用户

回答已采纳

发布于 2010-06-26 04:39:29

每个div都需要有一个唯一的id。你也会遇到问题，因为你一次又一次地重新定义未来日期。

下面这样的代码应该可以工作，因为每个div都有自己的id (container1、container2、container3等)。并且您正在为每个cdtime实例(futuredate1、futuredate2、futuredate3等)创建一个具有不同名称的新变量。这不一定是我最喜欢的方法，因为使用类似jQuery的.each()语法可能比定义一堆新变量更好(或者您选择的任何js框架)。

我还没有测试过这段代码，但是这段代码应该可以工作：

<script type="text/javascript" src ="time.js"></script>//this is the script from the above link. this directly gets todays date inside this code

<?php
$result = mysql_query("SELECT * FROM my_table LIMIT 10") or die(mysql_error());
while($row = mysql_fetch_array( $result )) {
  $id = $row['id'];
  $title = $row['title'];
  $date = date("F d, Y", strtotime($row['date']));

  echo '<tr><td>';
  echo $title;
  echo "</td><td>";
  echo $id;
  echo "</td><td>";
  echo $date; //display the date directly from the table as June 25, 2010
  echo "</td><td>";
?>
    <!-- this js code and the div is to show the countdown from today like 3D 2H 5M 45-->
 <div id="container<?=$id?>"></div>
 <script type="text/javascript">
  var futuredate<?=$id?>=new cdtime("container<?=$id?>", "<?= $date?>")
  futuredate<?=$id?>.displaycountdown("days", formatresults)
 </script>
<?php

 echo "</td></tr>"; 
 }

} 
?>

关于你在关于jQuery的评论中提出的问题，你可以做一些类似的事情：

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#container<?=$id?>').countdown({until: new Date(YYYY, MM, DD), format: 'D'});
    });
</script>