2012-11-10 100 views
1

我試圖根據一天中的時間更改消息。根據一天中的時間更改消息?

我貼我在尋找什麼在ST2爲JSFiddle

這就是:

<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>​ 

我一個完整的noob當它涉及到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

你需要告訴它把味精放在哪裏。定位p標籤,通過提供id,名稱等,然後將該標籤的文本設置爲msg。 –

回答

2

只要改變return msg$('#time p').text(msg);

DEMO:http://jsfiddle.net/EVCMm/10/

這使用jQuery的text()方法來代替文字尋找p標籤內ID=time

API參考號:http://api.jquery.com/text/

+0

這適用於JSFiddle - 只在本地主機上查看時才適用。任何原因(用html更新原始q) – Michael

+1

在您的瀏覽器調試控制檯中查看是否引發錯誤。某處可能有語法問題 – charlietfl

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

對於有這麼多聲望的人來說,這是一個非常可怕的答案。至少解釋答案不要只提供代碼。告訴OP爲什麼他的代碼不起作用並解釋你的代碼在做什麼。 –

+0

隨意調整我的聲望。 –

+2

我會如果可以的話,其他許多人也會如此。我堅持我所說的,你的回答沒有任何幫助OP成爲更好的程序員,也不瞭解爲什麼他的代碼不起作用。複製和粘貼你不明白的代碼永遠不會幫助任何人。 –

相關問題