2014-10-15 3 views
3

첫 번째로 구문의 정확성은 확실하지 않지만 내가하려는 것은 div를 사용하여 위치를 선택하는 애니메이션 이미지 시퀀스를 보여주는 것입니다. 변수.JQuery를 사용하여 DIV 내에서 javascript 변수 변경하기

결국 JSON을 사용하여 값을 변경하게됩니다. 그러나 지금은 JQuery를 사용하여 변수를 변경하는 방법을 이해하려고합니다.

<div id="noiseAnimDiv" style="float: center; background-color: #ffffff; "> 
<script type="text/javascript" src="./animatedpng.js"> 
</script> 
<script type="text/javascript"> 
var stoptheClock = 3; 
    noiseAnim = new AnimatedPNG('noise', './noise/noise0.png', 8, 50); 
    noiseAnim.draw(false); 
    noiseAnim.setFrameDelay(stoptheClock, 1000); //spin yet stay on value 3 
</script> 
</div> 

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
$(document).ready(
function() { 
    $("#stoptheClock").val(6); // 
} 
); 
</script> 

많은

코드를 감사 어떤 도움이 최소한 만 사용하고있는 AnimatedPNG 라이브러리 변수의 값을 확인 http://ashleyjamesbrown.com/fgbp/noise.htm

+0

"stoptheClock"요소는 어디에 있습니까? 나는 어디에도 그것을 보지 못 하느냐? – Antiga

+0

@Antiga stopTheClock은 var'var stoptheClock = 3; – DividedByZero

+2

입니다. jQuery 선택기 $ ("# stoptheClock")과 아무 관련이 없습니다. ID는 "stoptheClock"인 HTML 요소를 찾는 selector입니다. 내가 볼 수있는 것이 하나도 없다. 그것은 그 변수와 관련이 없습니다. – Antiga

답변

1

애니메이션 서열을 볼 수 있도록에서 BTW 라이브입니다 : 여기에 코드는 한 번 - 초기화 될 때. 코드에서 초기화 후 값을 변경하고 있습니다.

$(document).ready(
function() { 
    $("#stoptheClock").val(6); // 
} 
); 

그러므로 나는 JQuery와 부품 모두 제거, 당신은 당신의 코드에서 유용한 원인 jQuery를 사용 하지입니다

function() { 
    stoptheClock = 6; 
    noiseAnim.draw(false); 
    noiseAnim.setFrameDelay(stoptheClock,1000); 
} 

이어야한다.

+0

고맙습니다. 나는 div 요소를 먼저 가리킬 필요가 있다고 가정했다. 나는이 값을 stoptheclock (어느 이미지가 회전 다이얼이 멈추어 서서 내가 3에서 멈추고 있기 때문에 멈추는지를 바꾼다) 값을 변경하지 않는다. 왜냐하면 그것의 redcelared가 div 안에 있기 때문이다. var stoptheCLock = 삼; 어느 jquery 변경 사항을 씁니까? –

+0

@AshleyJamesBrown이 변경 사항을 반영하기 위해 http://ashleyjamesbrown.com/fgbp/noise.htm에서 코드를 업데이트 했습니까? – DividedByZero

+0

예 코드를 변경하고 예 웹 사이트로 업데이트했습니다. –

관련 문제