使用javascript滑动时间特定图像

时间:2014-10-08 07:19:52

标签: javascript jquery arrays

我希望全天播放36张特定时间的图像。我怎样才能做到这一点? 我尝试了很多次,但它没有用。

我构建了以下代码 -

<script type="text/javascript">

var i = 0;
function decimalaxis()
{

    var d = new Date();
    var h = d.getUTCHours();
    var m = d.getUTCMinutes();
    var s = d.getUTCSeconds();

    var i = document.getElementById("Num");
    i.innerHTML = Math.floor(1.5*h + 0.025*m + 0.0004166667*s);
    return i;

function slider(){
    var image = document.getElementById("slide");
image[] = new img[35];
String fileLocation = new String();
for (int i = 0; i < 35; i++)
    {
    fileLocation = "img" + i + ".jpg";
        image[i] = new img('img');
    document.write("<img src="img" + i + ".jpg" id="slide");
    }
}
}

</script>

1 个答案:

答案 0 :(得分:1)

我认为您的代码存在的问题是您没有正确组合图像字符串。

试试这个:

document.write("<img src='img" + i + ".jpg' id='slide'/>");

而不是:

document.write("<img src="img" + i + ".jpg" id="slide");

另一种方法是将它放在滑块函数

function slider(){
    var image = document.getElementById("slide");
    var imageList = new Array(35);
    for (int i = 0; i < imageList.length; i++)
    {
        //create a new image element
        var currentImage = document.createElement("img");
        currentImage.src = "img" + i + ".jpg";
        currentImage.id = "slide";

        //add the current image to the image list
        imageList.push(currentImage);

        //append to image element
        image.appendChild(currentImage);
    }

}