2016-06-19 5 views
-1
<!DOCTYPE html> 
<html> 
<body> 


<img id="Change Lights" src="red.jpg" width="1500" height="800"> 

<br><button onclick="nxt()" id="button">Change colour</button></br> 

<script> 

var img = new Array("red.jpg", "amber.jpg","green.jpg"); 



var imgElement = document.getElementById("Change Lights"); 
var lights = 0; 
var imgLen = img.length; 

      function nxt() 
     { 
      if(lights < imgLen-1) 
       { 
        lights++; 
       } 
      else{ 
        lights=0;     
       } 

       imgElement.src = img[lights];      
     } 



</script> 
</body> 
</html> 

안녕하세요 이것은 내 코드입니다. 타이머를 추가하는 방법에 대해 정말로 고민하고 있습니다. 타이머를 수행하는 방법을 연구했지만 아직도 신호를 파악할 수 없으므로 신호등이 변경됩니다. 그 자체로, 제발 타이머를 추가하거나 완료하는 타이머를 제공하여 나를 도울 수 있습니다.자바 스크립트 신호등 타이머 타이머

+2

Settimeout 및/또는 Setinterval은 필요한 항목입니다.) http://www.w3schools.com/jsref/met_win_settimeout.asp/http://www.w3schools.com/jsref/ met_win_setinterval.asp – Julqas

답변

0

1000 밀리 초마다 색상을 변경하려면 setInterval (nxt, 1000)을 사용하십시오.

+0

어떻게해야합니까? – Mia

+0

아마도 테스트할까요? 또는 Google에서 최소 검색? 당신은 새로운 단서를 가지고 있습니다, 이제 당신은 혼자서 전진 할 수 있고 새로운 문제가 발생할 경우 돌아올 수 있습니다. :) – Julqas

0

모든 참여자는 진실을 말했습니다. setInterval은 요일을 저장합니다.

교통 신호등을 만들고 싶습니다. https://jsfiddle.net/tyf5rjk3/

P. 그냥 작은 말. Javascript은 한 단어로 쓰여집니다.)