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