2012-11-10 3 views
1

시간에 따라 메시지를 변경하려고합니다.시간대에 따라 메시지를 변경 하시겠습니까?

이 무엇인지 내가 여기 JSFiddle

에 ST2에서 찾고 있어요 내가 붙여 넣은 :

<div class="container"> 
    <div id="time"> 
     <p id="time">Good morning.</p> 
    </div> 

<div> 
    <p>I used to work in the marketing industry.<br>Now I'm a Web Designer and Developer.<br> I like to keep things simple.</p> 
</div>​ 

JQuery와 :

<script type="text/javascript"> 
$(document).ready(function() 
    { 
     var now = new Date(); 
     var hours = now.getHours(); 
     var msg; 
     if(hours<12) 
      msg = "Good Morning"; 
     else if(hours<18) 
      msg = "Good Afternoon"; 
     else 
      msg = "Good Evening"; 
     return(msg); 
    }); 
}); 
</script>​ 

나는 완전한 멍청한 놈 때 해요 그것은 jquery에 온다.

HTML :

<!DOCTYPE html> 
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
     var now = new Date(); 
     var hours = now.getHours(); 
     var msg; 
     if (hours < 12) msg = "Good Morning"; 
     else if (hours < 18) msg = "Good Afternoon"; 
     else msg = "Good Evening"; 
     $('#time p').text(msg); 
    }); 
}); 
</script> 

</head> 

<body> 

<div class="container"> 
    <div id="time"> 
     <p>Good morning.</p> 
    </div> 

<div> 
    <p>I used to work in the marketing industry.<br>Now I'm a Web Designer and Developer.<br> I like to keep things simple.</p> 
</div>​ 
</div> 

</body> 
+1

메시지를 어디에 넣어야하는지 알려줄 필요가 있습니다. id, name 등을 제공하고 그 태그의 텍스트를 msg로 설정하여 p 태그를 타겟팅하십시오. 많은 평판을 가진 누군가를위한 –

답변

2

그냥 변경 return msg

$('#time p').text(msg);에 DEMO : http://jsfiddle.net/EVCMm/10/

이 텍스트를 ID=time

,536 내 p 태그를 찾고 대체하기 위해 jQuery를 text() 방법을 사용

API 참조 : http://api.jquery.com/text/

+0

JSFiddle에서 작동합니다. 로컬 호스트에서는 볼 수 없습니다. 어떤 이유로 든 (HTML로 원본 q가 업데이트 됨) – Michael

+1

브라우저 디버그 콘솔에서 오류가 발생했는지 확인하십시오. 어딘가에 구문 문제가있을 수 있습니다. – charlietfl

-4
$('#time').html('<p>'+msg+'</p>'); 
+5

, 그건 정말 끔찍한 대답입니다. 대답은 적어도 코드를 제공하는 것이 아니라고 설명하십시오. 그의 코드가 왜 작동하지 않는지 OP에게 알리고 코드가하는 일을 설명하십시오. –

+0

명성을 자유롭게 조정하십시오. –

+2

할 수만 있다면 그렇게 할 것입니다. 내가 말한대로, 당신의 대답은 OP가 더 나은 프로그래머가되는 것을 도울 수 없으며, 왜 코드가 작동하지 않는지 이해하지 못합니다. 이해하지 못하는 코드를 복사하여 붙여 넣으면 누구에게도 도움이되지 않습니다. –

관련 문제