часы

Скрыть

Показать

Копировать

Выполнить
  index.html  
<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" />
 <title>New Страница</title>
 <!-- подключаем библиотеку онлайн через Google CDN -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 <style>
  #main {
   height: 400px;
   width: 400px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -200px;
   margin-left: -200px;
   background-color: #12ceef;
   border-radius: 25px;
   color: #FFF;
   text-align: center;
   line-height: 400px;
   font-size: 70px;
  }
 </style>
</head>
<body>
 <div id="main"></div>
 <script>
  function funA() {
   $.ajax({
    url: "a.php",
    cache: false,
    dataType: 'json',
    success: function (str) {
     $('#main').text(str[0]);
    }
   });
  }
  $(document).ready(function () {
   setInterval('funA()', 1000);
  });
 </script>
</body>
</html>
 
Скрыть

Показать

Копировать
  a.php  
<?php
 //строковые данные должны быть в кодировке UTF-8
 header('Content-type: text/html; charset=utf-8');
 $ara = array(date('H:i:s'));
 $str = json_encode($ara);
 echo $str;
?>