РЕШЕНО Как реализовать изменение чисел в реальном времени

անդեմ

անդեմ

Местный
Добрый день, интересует такой вот вопрос как сделать чтобы в модуле сбор доходов ( сборка яиц) Как бы числа увеличивались без обновления страниц, то есть изменялись в реальном времени.
Пример : https://coinsminning.ru ( в аккаунте сбор доходов)
Кто поможет, как реализовать?
 
pligin

pligin

Команда форума
Администратор
անդեմ сказал(а):
Добрый день, интересует такой вот вопрос как сделать чтобы в модуле сбор доходов ( сборка яиц) Как бы числа увеличивались без обновления страниц, то есть изменялись в реальном времени.
Пример : https://coinsminning.ru ( в аккаунте сбор доходов)
Кто поможет, как реализовать?
Нажмите, чтобы раскрыть...
AJAX в помощь
 
անդեմ

անդեմ

Местный
pligin сказал(а):
Вот собрал для тебя пример вывода времени из файла php
http://ajax.psweb.ru/
Вот сама функция отображения времени http://ajax.psweb.ru/ajax.php?func=gettime
ты так хочешь, чтобы данные обновлялись без перезагрузки?
Нажмите, чтобы раскрыть...
чтобы все числа фруктов ( колличества фруктов для сбора a , b ,c , d ,f ) складывались и считались в одном огромном так сказать числе без перезагрузки
 
pligin

pligin

Команда форума
Администратор
անդեմ сказал(а):
чтобы все числа фруктов ( колличества фруктов для сбора a , b ,c , d ,f ) складывались и считались в одном огромном так сказать числе без перезагрузки
Нажмите, чтобы раскрыть...
HTML: 
<body>
    <h1>ajax.psweb.ru</h1>
  
<h1>A_T <font id="a_t"></font></h1>
    <h1>B_T <font id="b_t"></font></h1>
    <h1>C_T <font id="c_t"></font></h1>
    <h1>D_T <font id="d_t"></font></h1>
    <h1>E_T <font id="e_t"></font></h1>
  
    
    <script>
        function show()
        {
            $.ajax({
                url: "/ajax.php?func=getdata",
                cache: false,
                success: function(data){
                    var json = $.parseJSON(data);
                    result = json;
                    $("#a_t").html(result.a_t);//#a_t в какой элемент вывести, result.a_t - что вывести
                    $("#b_t").html(result.b_t);
                    $("#c_t").html(result.c_t);
                    $("#d_t").html(result.d_t);
                    $("#e_t").html(result.e_t);
                }
            });
        }
    
        $(document).ready(function(){
            show();
            setInterval('show()',500); // интервал обновления данных
        });
    </script>
</body>
в ajax.php нужно создать массив с нужными данными
PHP: 
if ( $_GET['func'] == 'getdata' ) {
    //заполняем массив
    $data['a_t'] = 1;
    $data['b_t'] = 2;
    $data['c_t'] = 3;
    $data['d_t'] = 4;
    $data['e_t'] = 5;
    //возвращаем массив в виде JSON
    echo json_encode($data);
    exit();
}
пример http://ajax.psweb.ru/index.php
 
Последнее редактирование:
Для ответа нужно войти/зарегистрироваться
Верх