Question

我只有一个非常快速的初步搜索，但是是否可以根据时间自动更改特定元素javascript或jquery？或者正在查看网页的计算机的当地时间。

例如说我在12点之前显示<h2>Good Morning</h2>，然后一旦超过这个时间，它会自动更改为<h2>Good Afternoon</h2>。

老实说，我一点也不深入，但只是想知道这是否可行，如果有的话，是否有一个特定的插件可以帮助我/最好的方法是什么？

Answer 1

不需要jQuery。

document.getElementById('greeting').innerHTML = new Date().getHours() >= 12 ? 'Good Afternoon' : 'Good Morning';

Answer 2

Javascript＆＃39; Date对象是你最好的选择。

http://www.w3schools.com/jsref/jsref_obj_date.asp

一旦知道了时间，就可以轻松更改标题中的文字。

Answer 3

文本更改，可能是使用cron作业完成的，如果可能的话，你只需添加或激活同一元素的css即可。

Answer 4

window.onload = ( function() {        
    getDateTime();
     })(); 

function getDateTime() {
    var now     = new Date(); 
    var hour    = now.getHours(); 
   if(hour >= 12){  
      document.getElementById('display').innerHTML = "good afternoon";
   }
   else {
         document.getElementById('display').innerHTML = "good morning";
    }
}

根据当前时间更改文字？

4 个答案: