자바 스크립트 타이머 및 바닥 글 div

페이지의 꼬리말에 div를 배치하고 버튼을 클릭 할 때 div가 보이기를 원합니다. 그것은 작동하지 않는 것 같습니다. 내가 도대체 뭘 잘못하고있는 겁니까? 코드는 다음과 같습니다.자바 스크립트 타이머 및 바닥 글 div

<script language="text/javascript"> 

function timedMsg() 
{ 
var t=setTimeout('ff()',3000) 
} 

function ff(){ 

document.getElementById("dot").style.visibility="visible"; 
document.getElementById("dot").style.display=""; 

} 

</script> 

<div id="dot" style="position: absolute; bottom: 0; right: 0; margin-right:50px; background-color:blue; width:250px; text-align:center; display: none; visibility: hidden">Footer</div> 


<form> 
<input type="button" value="Display!" onclick="timedMsg()" /> 
</form>

출처

2011-01-13 sammville

웃기 막연한 질문입니다. "그것은 작동하지 않는 것"이 당신에게 무엇을 의미합니까? 예상되는 행동은 무엇이며 원하는 행동과 어떻게 다른가요? 지금까지 어떤 단계를 시도 했습니까? HTML은 어디에 있습니까? –

그리고 어떤 버튼 이요? –

질문입니다. 답변이 없거나 게시하지 마세요. – sammville

글쎄, 당신은 다음과 같은 구문을 사용한다 HTML 페이지에 자바 스크립트를 삽입하는 것이 무엇보다도 먼저 :

<scrpt type="text/javascript">/* code here */</script>

참고 : type하지 language을!

둘째로, t 변수를 사용하는 이유는 무엇입니까? 그것은 무엇을위한 것인가?

그래서 작업과보다 완벽한 예제는 다음과 같습니다

<html> 
    <head> 
     <script type="text/javascript"> 
      function timedMsg() 
      { 
       setTimeout('ff()',3000) 
      } 

      function ff() 
      { 
       document.getElementById("dot").style.visibility="visible"; 
       document.getElementById("dot").style.display=""; 
      } 
     </script> 
    </head> 
    <body> 
     <form> 
      <input type="button" value="Display!" onclick="timedMsg()" /> 
     </form> 
     <div id="dot" style="position: absolute; bottom: 0; right: 0; margin-right:50px; background-color:blue; width:250px; text-align:center; display: block; visibility: hidden">Footer 
     </div> 
    </body> 
</html>

출처

2011-01-13 00:23:56 Rizo

멋진 솔루션, 내 브라우저에서 완벽하게 작동했습니다. +1 –

예! 그것은 언어이었다. 나에 의한 어리석은 생략. – sammville

자바 스크립트 타이머 및 바닥 글 div

답변

관련 문제