在setInterval調用函數Jscript

Question

我有一個圖像滑塊，我想在定時器的末尾調用推子功能，不幸的是，我是一個完全新手，似乎只是不從我的錯誤中學習...我知道我漂浮在一艘完全相同的船上，所以請一位好水手爲了我們把這條船轉向正確的方向。我們都將是最偉大的你的服務..

我有代碼在這裏，如果任何人都可以解釋我哪裏會出錯我會很高興。謝謝

<script> 
function fader(){ 
var element = document.getElementById("dynamic-image"); 
element.style.transitionDuration = "2s"; 
<!---the grabbed element + style [ execute type of effect ] = ' dimension of effect (1 ,2)';---> 
element.style.opacity=0; 
} 
</script> 

<script> 

(function() { 
    'use strict'; 

    var preloads=[],c, 
     d=document,di=d.getElementById('dynamic-image'), 
     dh=d.getElementById('dynamic-href'), 
     url=[ 
      'linkmywebsite.ml','chatmagbingo.com','ilkestonwebdesign.com','ipost.com','happypetsuk.com','www.linkmywebsite.co.uk' 
      ]; 


function preload(){ 
for(c=0;c<arguments.length;c++) { 
    preloads[preloads.length]=new Image(); 
    preloads[preloads.length-1].src=arguments[c]; 
    } 
    c=0; 
} 


preload('yournewsite2.png','1ad.jpg','2ad.jpg', 
'3ad.jpg','4ad.jpg','5ad.jpg'); 



setInterval(

function starttimer() { 

    dh.href='http://'+url[c]; 
    di.src=preloads[c].src; 
    di.alt=preloads[c].src.substring(preloads[c].src.lastIndexOf('/')+1); 
    c++; 
if(c==preloads.length) { 
    c=0; 
    } 

},5000); 

}()); 

不知道在哪裏調用功能推子。謝謝....

Answer 1

下面是答案.....我再次看着辦吧......哈哈

因此，繼承人對新手的那boatfull一個圖像推子...簡化.... 。

<style type="text/css"> 

.dynamic-image { 
position:absolute; 
left:0%; 
top:0%; 
width:100%; 
height:100%; 


</style> 




<img id="dynamic-image" class="dynamic-image" src="ebayad.png";> 


<script> 
function fader(){ 
var element = document.getElementById("dynamic-image"); 
element.style.transitionDuration = "2s"; 
<!---the grabbed element + style [ execute type of effect ] = ' dimension of effect (1 ,2)';---> 
element.style.opacity=4; 
} 
</script> 

<script> 
function fader2(){ 
var element = document.getElementById("dynamic-image"); 
element.style.transitionDuration = "2s"; 
<!---the grabbed element + style [ execute type of effect ] = ' dimension of effect (1 ,2)';---> 
element.style.opacity=0; 
} 

</script> 

<script> 


setInterval(fader2, 4000); 



(function() { 
    'use strict'; 

    var preloads=[],c, 
     di=document.getElementById('dynamic-image'); 


function preload(){ 
for(c=0;c<arguments.length;c++) { 
    preloads[preloads.length]=new Image(); 
    preloads[preloads.length-1].src=arguments[c]; 
    } 
    c=0; 
} 


preload('yournewsite2.png','1ad.jpg','2ad.jpg', 
'3ad.jpg','4ad.jpg','5ad.jpg'); 

setInterval(fader, 8000); 



setInterval(

function starttimer() { 


    di.src=preloads[c].src; 

    c++; 
if(c==preloads.length) { 
    c=0; 
    } 

},8000); 

}()); 



</script>