使用javascript滑动特定于时间的图像

Sliding time specific images with javascript

本文关键字：时间的图像 javascript 使用      更新时间：2023-09-26

我想全天滑动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>

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

试试这个：

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);
    }
}
相关文章：