javascript - 如何为HTML幻灯片显示创建文本/数字的升序序列

如果有人可以向我展示如何自动执行html幻灯片的列表/序列/数组，我将不胜感激。我想显示“ 001.gif”到“ 1869.gif”。显然，如果有一种自动生成此方法，它将节省很多时间：

<img src="001.gif" width="640" height="480" />
<img src="002.gif" width="640" height="480" />
<img src="003.gif" width="640" height="480" />

一直到“ 1869.gif”

<img src="1869.gif" width="640" height="480" />

注意：我有一个喜欢的幻灯片脚本。完美的作品。我到达“ 050.gif”，并决定询问是否有一种方法可以不一一一一输入。谢谢。

最佳答案

$(document).ready(function(){

   function pad (str, max) {
     str = str.toString();
     return str.length < max ? pad("0" + str, max) : str;
   }

   for(i=1;i < 1870;i++){
     var $image = "<img src='"+pad(i, 3)+".gif' width='640' height='480'/>";
     $("body").append($image);
   }

});

将此添加到页面末尾（在标签中）或单独的JS文件中。将“ body”更改为要添加图像的位置，该位置可能是您用于jQuery.cycle幻灯片放映的容器。

这将循环遍历1到1869之间的每个数字，并为每个数字添加一个图像到body标签。 “填充”功能在数字前添加零-如果您需要更多有关此信息，请从Adding extra zeros in front of a number using jQuery?获取代码

关于javascript - 如何为HTML幻灯片显示创建文本/数字的升序序列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24853389/