隽永东方Imagination & Inspiration Show Time — 2017/3/6

作者: Xiaoge 所属分类: 隽永风采 // 评论数 // 参与数
发表于: 2017 年 3 月 6 日 3852
标签: II Show 日期显示

(1 票, 评分: 5.00 总分 5)

短链接: http://dfsj.net/rWjOr

今天进行技术分享的是 @ellen 精彩内容如下：

@ellen 分享了一个不同时间时区显示不同时间和白天黑夜状态图片的JS，如下：

<div class="time">
                                <ul>
                                    <li>
                                        <div class="img">
                                            <?php   
                                                date_default_timezone_set('PRC'); //设定时区，PRC就是天朝   
                                                $hour = date('H');   
                                                if($hour <= 18 && $hour >= 6){   
                                                echo '<img  src="/wp-content/themes/uniontradecn/images/sun.png" alt="sun" class="img-responsive">';   
                                                }else{   
                                                echo '<img  class="moon img-responsive" src="/wp-content/themes/uniontradecn/images/moon.png" alt="moon" >';   
                                                }   
                                            ?>
                                        </div>
                                        <?php  
                                              echo '<h2 id="bjdtime"></h2> ';  
                                          ?> 
                                        <p>Beijing time</p>
                                    </li>
                                    <li>
                                        <div class="img">
                                           <?php   
                                                function_exists(date_default_timezone_set);
                                                date_default_timezone_set("Etc/GMT");
                                                date_default_timezone_set("Etc/GMT-2");
                                                $hour = date('H');   
                                                if($hour <= 18 && $hour >= 6){   
                                                echo '<img  src="/wp-content/themes/uniontradecn/images/sun.png" alt="sun" class="img-responsive">';   
                                                }else{   
                                                echo '<img  class="moon img-responsive" src="/wp-content/themes/uniontradecn/images/moon.png" alt="moon" >';   
                                                }   
                                            ?>
                                        </div>
                                         <?php  
                                              echo '<h2 id="nytime"></h2> ';  
                                          ?> 
                                        <p>Ankara time</p>
                                    </li>
                                
                                </ul>

<ul>

<li>

<?php

date_default_timezone_set('PRC'); //设定时区，PRC就是天朝

$hour = date('H');

if($hour <= 18 && $hour >= 6){

echo '<img src="/wp-content/themes/uniontradecn/images/sun.png" alt="sun" class="img-responsive">';

}else{

echo '<img class="moon img-responsive" src="/wp-content/themes/uniontradecn/images/moon.png" alt="moon" >';

}

</div>

<?php

echo '<h2 id="bjdtime"></h2> ';

<p>Beijing time</p>

</li>

<li>

<?php

function_exists(date_default_timezone_set);

date_default_timezone_set("Etc/GMT");

date_default_timezone_set("Etc/GMT-2");

$hour = date('H');

if($hour <= 18 && $hour >= 6){

echo '<img src="/wp-content/themes/uniontradecn/images/sun.png" alt="sun" class="img-responsive">';

}else{

echo '<img class="moon img-responsive" src="/wp-content/themes/uniontradecn/images/moon.png" alt="moon" >';

}

</div>

<?php

echo '<h2 id="nytime"></h2> ';

<p>Ankara time</p>

</li>

</ul>