PHP+JS动态显示服务器时间

柔情只为你懂 2022-06-12 02:41 252阅读 0赞

<script language="javascript">
    var c=0;
    function showtime()
    {
    var today,hour,second,minute,year,month,date;
    year = <?php echo date('Y',time());?>;
    month = <?php echo date('m',time());?>;
    date = <?php echo date('d',time());?>;
    c++;
    sec=<?php echo time() - strtotime(date("Y-m-d"))?>+c;
    hour=Math.floor(sec/3600)%24;
    minute=Math.floor(sec/60)%60;
    second=sec%60;
    if (hour < 10) hour = '0' + hour;
    if (minute < 10) minute = '0' + minute;
    if (second < 10) second = '0' + second;
    if(minute=='00' && second=='00') window.location.reload();//刷新页面 解决当日期，月份，年份+1的时候都不能动态同步显示
    var nowtimes = year + "年" + month + "月" + date + "日" +" " + hour + ":" + minute + ":" + second;//显示时间
    if(nowtimes) document.getElementById('ntime').innerHTML = nowtimes;
    setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)
    }
    
    window.onload=function(){
        showtime();
    }
    </script>

<div class="form-group">
        <label for="name">当前时间:</label>
        <span id="ntime"></span> 
    </div>

![20170713154837252][]

鸣谢1楼：

![70][]

优化代码：

增加：if(minute=='00' && second=='00') window.location.reload();//刷新页面即可

备注：如果是嵌入到页面中，请根据实际需求，自行衍变，局部刷新即可

[20170713154837252]: /images/20220612/a8c6823ab46443f593e2d7e292dca5c2.png
[70]: /images/20220612/e644ee12dcd64408b35ea578eda920fa.png

发表评论取消回复

表情：

评论列表（有 0 条评论，252人围观）

还没有评论，来说两句吧...

相关阅读

相关 js动态显示时间

1.html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

末蓝、/ 2024年02月18日 19:32/ 0 赞/ 61 阅读

相关 html+显示在线时间,html显示时间

Windows 常用运行库下载 (DirectX、VC++、&period;Net Framework等) 经常听到有朋友抱怨他的电脑

痛定思痛。/ 2022年10月05日 12:46/ 0 赞/ 241 阅读

相关 javascript页面动态显示时间变化

<html> <head> <title></title> <script> function getDat

r囧r小猫/ 2022年09月19日 05:19/ 0 赞/ 292 阅读

相关在JSP页面中显示动态时间

静态时间： 1.页面首部添加 <%@page import="java.util.Date"%> 2.页面body中需要显示时间的地方使用 <%= new Date().t

曾经终败给现在/ 2022年08月10日 11:55/ 0 赞/ 320 阅读

相关 js动态显示时间-JS调整时间

[![Center][]][Center 1] 转载自：[IT摆渡网][Center 1] \-- 一个IT实时在线问答平台,解决任何IT技术难题，无需等待，立马解决！

客官°小女子只卖身不卖艺/ 2022年06月14日 10:12/ 0 赞/ 247 阅读

相关 PHP+JS动态显示服务器时间

<script language="javascript"> var c=0; function showtime() { var to

柔情只为你懂/ 2022年06月12日 02:41/ 0 赞/ 253 阅读

相关 web显示实时时间动态刷新

代码如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; cha

约定不等于承诺〃/ 2022年06月09日 12:07/ 0 赞/ 383 阅读

相关 jsp页面动态显示当前的日期时间

<div id="time1"> <script type="text/javascript"> //非动态显示 //document.getEleme

旧城等待，/ 2022年05月20日 02:54/ 0 赞/ 616 阅读

相关 JSP页面显示服务器时间

//页面加载时间onload $(function(){ showServerTime(); }); //时间格式 fu

Love The Way You Lie/ 2022年02月04日 13:51/ 0 赞/ 321 阅读

相关 JavaScript 动态显示时间案例

页面描述在网页中显示实时的时间。 ![在这里插入图片描述][2019041810332266.png] 分析得到当前的时间。

以你之姓@/ 2021年06月24日 16:10/ 0 赞/ 518 阅读