每隔x秒更改图像网址的一部分

时间:2016-09-13 10:08:02

标签: javascript php html

好吧所以今天我的问题有点奇怪。基本上我要做的就是拍摄这张图片代码

<img src="3d.php?a=-25&w=35&wt=-45&abg=0&abd=-30&ajg=-25&ajd=30&ratio=13&format=png&displayHairs=true&headOnly=false&login="> 

并让它只更新w = 35部分并让它为该数字添加+1,永远或直到它达到360然后将其重置为0,每x秒。

关键在于创建看起来像旋转图像的东西,而不是手工生成每个可能的wt = 0到360。

2 个答案:

答案 0 :(得分:1)

试试这个:

<img id="threedee">

在您的脚本中,进一步向下:

var w = 35;
var x = 5; // every 5 seconds
var threedee = document.getElementById("threedee");
setInterval(function () {
    w = (w + 1) % 360;
    var src = "3d.php?a=-25&w=" + w + "&wt=-45&abg=0&abd=-30&ajg=-25&";
    src += "ajd=30&ratio=13&format=png&displayHairs=true&headOnly=false&login=";
    threedee.src = src;
}, x * 1000); 

答案 1 :(得分:1)

您可以尝试类似

的内容
var counter = 35;
var x = 5;
var url = '3d.php?a=-25&w={{counter}}&wt=-45&abg=0&abd=-30&ajg=-25&ajd=30&ratio=13&format=png&displayHairs=true&headOnly=false&login='

setInterval(function(){
    img.src = url.replace('{{counter}}',counter);
    counter = counter + 1 > 360 ? 0 :  counter + 1;
},x * 1000);