PHP动态显示设备时间

最新推荐文章于 2021-03-12 02:50:51 发布

风飞扬fq

最新推荐文章于 2021-03-12 02:50:51 发布

阅读量863

点赞数 1

分类专栏：项目问题前端笔记文章标签： php web ajax html

本文链接：https://blog.csdn.net/fq_fly/article/details/104839419

版权

前端笔记同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

项目问题

13 篇文章 0 订阅

订阅专栏

web页面动态刷新设备时间

调用函数
PHP自带的date函数
一般的形式如下，其中Y为4位数字完整表示的年份；m为数字表示的月份，有前导零；d为月份中的第几天，有前导零的2位数字；H为小时，24小时格式，有前导零；i为有前导零的分钟数；s为有前导零的秒数。

date("当前时间显示Y年m月d日 H:i:s");

实现原理
php实现动态显示设备时间需要两个php文件，一个php文件实现设备时间的获取，另一个php文件采用ajax机制，每隔1秒向后端逻辑发起请求，定时获取设备时间从而在web页面上实现动态显示。
此次项目实例中，获取设备时间文件为getdate.php；定时发起ajax请求的文件为timeshow.php。
getdate.php
getdate.php文件在设备服务器上，代码中date函数调用后显示的即为设备时间，不是电脑时间。

<?php
header("cache-control:no-cache;must-revalidate");
header("Content-Type:text/html;charset=uth-8");
$cur = date("设备时间Y年m月d日 H:i:s");
echo $cur;
?>

timeshow.php

<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
        function createXmlRequest()
        {
            if(window.ActiveXObject) {
                var xmlHttps=["Microsoft.XMLHTTP","MSXML2.XMLHttp.5.0","MSXML2.XMLHttp4.0", "MSXML2.XMLHttp3.0","MSXML2.XMLHttp"];
                try  {
                    for(var i=0;i<xmlHttps.length;i++) {
                        var xmlHttp=new ActiveXObject(xmlHttps[i]);
                        return xmlHttp;
                    }
                } catch (error) { }
            } else  {
                var xmlHttp=new XMLHttpRequest();
                return xmlHttp;
            }
        }
        function ajaxget(xmlHttp, url) {
            xmlHttp.open("GET", url, true);//true为异步请求
            xmlHttp.setRequestHeader("If-Modified-Since", "0");//头部字段的名称和信息
            xmlHttp.send("");//send方法中的参数表示需要请求发送的数据
        }
		/*
        function pageload() {//此函数是实现页面显示时间的另一种方式，通过在body标签中增加onLoad="pageload();"即可
            loadTime();
        }
        */
        var xmlget;
        function loadTime(){
            var url = "getdate.php";
            xmlget = createXmlRequest();
            xmlget.onreadystatechange = callback;
            ajaxget(xmlget, url);
        }
        function callback(){
            if (xmlget.readyState == 4) {
                if(xmlget.status == 200){
                    var sta = xmlget.responseText;
                    document.getElementById("showtime").innerHTML = sta;
                    setTimeout("loadTime()",1000);
                }
            }
        }
	window.onload = loadTime();
    </script>
</head>
<body>
<p><span id="showtime"></span></p>
</body>
</html>