Javascript/jQuery 文本幻灯片

Question

我一直在尝试实现 JavaScript/jQuery 文本幻灯片放映，但我似乎无法让它工作。我的数据库中有一些来自 4 行的文本，我希望它们滑动。通过将我的文本存储在我的 jQuery 代码中的数组中，我能够使文本滑动，但这不是我想要的。我希望文本来自数据库。

PHP/HTML

<div id="test">
  <?php foreach($slideshows as $slideshow): ?>
  <p id="textSlide">
    <?php echo $slideshow["testing"]; ?>
  </p>
  <?php endforeach; ?>`
</div>

JQuery

var textSlider = [
  "Lorem Ipsum is simply dummy text.",
  "Ipsum is simply dummy text.",
  "Lorem Ipsum is simply dummy text.",
  "Ipsum is simply dummy text.",
  "Lorem Ipsum is simply dummy text.",
];

var i = 0;

setInterval(function() {
  $("#textSlide").html(textSlider[i]);
  if (i == textSlider.length) {
    i = 0;
  }else {
    i++;
  }
},2000);

Answer 1

如果它适用于 JavaScript 中的数组，那么一个简单的解决方案是将字符串从 PHP 回显到数组中:

var textSlider = [
  <?php 
      foreach($slideshows as $slideshow): 
         echo '"'.$slideshow["testing"].'",'; 
      endforeach; 
  ?>
];