Question

我在我的一页上翻了一番 j,为逊尼派和逊尼派产出。下面的法典是产出(假设这些时间每天都发生变化)。我在植被产出上没有控制。

<div id="sun_container">
    <div class="details">
        Sunrise: <strong>7:00AM</strong> |
        Sunset: <strong>4:30PM</strong>
    </div>
</div>

在我网页上的其他地方,我有一个形象标签,看上去:

<div id="sun_button">
    <img src="images/day.png">
</div>

I want to parse out the sunrise time and the sunset time and compare these against the current server time (which I can output via PHP if necessary).

如果目前的服务器时间不是,在太阳度和太阳度之间,那么,我想改变形象src至>>mages/week.png”。

关于我如何能够这样做的任何想法?

http://www.un.org。如今,Im在网页<head>上输出服务器时间,使用:

var服务器_time = “<?=date(”H:i:s”, time()?>”

产出如下:

<代码>var服务器_time = “17:07:41”;

Answer 1

You can do it very easily with the DateJS JavaScript library:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://www.datejs.com/build/date.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 var sunrise = Date.parse($(".details strong:eq(0)").text());
 var sunset = Date.parse($(".details strong:eq(1)").text());
    if(Date.parse("" + server_time).between(sunrise, sunset)) { 
       $("img").attr("src","images/day.png")
    }
    else {
       $("img").attr("src","images/night.png")
    }
});
</script>

http://jsfiddle.net/tsabd/"rel=“nofollow”> 在这里打听!

Answer 2

我认为,你重新寻找这一职位: 将时间从贾瓦特用户投入到日期物体的最佳方式是什么?

另一种假设是,它带有 j,但这似乎是最佳解决办法。

EDIT Also, see @Ender s solution on how to retrieve the data.

Answer 3

你们可以通过做如下事情来获得太阳/太阳时代:

var sunrise = $( #sun_container .details strong:eq(0) ).text();
var sunset = $( #sun_container .details strong:eq(1) ).text();

从那里可以把服务器时间写到联合材料,进行对比,然后:

if (isNight) {
    $( #sun_button img ).attr( src ,  images/night.png );
}

That should get you started.

Answer 4

假设你可以产生24小时的集装箱:

<div id="server_time">18:00</div>
<script>
$(function() {
// Assume server_time is 24hr
var server = new Date(Date.parse("2000-01-01 " + $( #server_time ).text()));
var sunrise = $( #sun_container .details strong:eq(0) ).first().text();
var sunset = $( #sun_container .details strong:eq(1) ).last().text();

// strip off AM/PM
sunrise = sunrise.substring(0, sunrise.length-2);
sunset = sunset.substring(0, sunset.length-2);

// Parse to standard dates
sunrise = new Date(Date.parse("2000-01-01 " + sunrise)) ;
sunset = new Date(Date.parse("2000-01-01 " + sunset));
// Add tweleve hours to compensate for PM
sunset.setHours(sunset.getHours() + 12);

if (server < sunrise || server > sunset)
    $( #sun_button > img ).attr( src ,  images/night );
});
</script>

友情链接