Как мне это сделать (Ajax)?

Question

[AndRussia]

Здравствуйте, хлебцы, проблема следующего характера:
Я хочу на сайте сделать число, которое будет все время обновляться через определенное время, но без перезагрузки страницы. Как это сделать? Помогите, пожалуйста!

Answer 1

[senior65]

Например у нас есть html элемент, где будет наше число
<span id="num">наше число</span>
Затем создам функцию, которая будет ее изменять

let delay = 2000; // 2000=2секунды, Например счетчик будет обновлятся с переодичностью в 2 секунды

let doc = document.getElementById('num'); //Получаем элемент из html
setInterval(()=>{
//тут получаем число с сервера, либо откуда нибудь еще, например это будет переменная count
//Тут я просто генерирую случайное число в диапазоне  от 1 до 100
let count = Math.round(Math.random() * (100- 1) + 1);
//Затем обновляем наш html элемент новым числом
doc.innerHTML = count;
},delay);

Comments

[AndRussia]

Спасибо, выручил! Можно еще вопрос? Как сделать так, чтобы число было не 100 и т.п. а 100.000 или 75.000?

[jimmy_hendrix]

это уже чистое js решение, может быть человеку нужно логику образования числа скрыть =)

[senior65]

Т.е либо 100.000 или 75.000, два варианта?
Или как?

[AndRussia]

jimmy_hendrix, Я походу глуп, ведь я ничего не понял) Я просто начинающий в этом всем деле (Слишком начинающий :D )

[AndRussia]

senior65,
<span id="num">46123494.018</span>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
       <script>
            let delay = 25000 // 2000=2секунды, Например счетчик будет обновлятся с переодичностью в 2 секунды

            let doc = document.getElementById('num'); //Получаем элемент из html
            setInterval(()=>{
               //тут получаем число с сервера, либо откуда нибудь еще, например это будет переменная count
               //Тут я просто генерирую случайное число в диапазоне  от 1 до 100
            let count = Math.round(Math.random() * (51238942.000 - 31883734.000) + 1);
               //Затем обновляем наш html элемент новым числом
            doc.innerHTML = count;
            },delay);
        </script>

Мне выдает в итоге целые числа типа 43173437, а нужны десятичные.

[senior65]

AndRussia,

let delay = 2000; // 2000=2секунды, Например счетчик будет обновлятся с переодичностью в 2 секунды

let doc = document.getElementById('num'); //Получаем элемент из html
setInterval(()=>{
//тут получаем число с сервера, либо откуда нибудь еще, например это будет переменная count
//Тут я просто генерирую случайное число в диапазоне  от 1 до 100
let count = Math.round(Math.random() * (100- 1) + 1).toFixed(3);
//Затем обновляем наш html элемент новым числом
doc.innerHTML = count;
},delay);

Попробуй так

[AndRussia]

senior65, Помогло, спасибо!

[AndRussia]

senior65, Простите, что задаю слишком много вопросов, но можно ли как-нибудь сделать так, чтобы вот эти три нуля были случайным числом, например 100.213 или 100.412

[senior65]

AndRussia, Если помогло, поставь пожалуйста на мое решение отметку, мне нравится, или что-то типа что помогло)

[senior65]

AndRussia, Можно

let delay = 2000; // 2000=2секунды, Например счетчик будет обновлятся с переодичностью в 2 секунды

let doc = document.getElementById('num'); //Получаем элемент из html
setInterval(()=>{

let count = new Number(Math.random() * (100- 1) + 1).toFixed(3);

doc.innerHTML = count;
},delay);

[AndRussia]

senior65, Вы конечно простите, но разве что-то изменилось?

[senior65]

AndRussia, Ну да,
Изменил строку:

let count = new Number(Math.random() * (100- 1) + 1).toFixed(3);

Числа после запятой перестали быть нулями

[AndRussia]

senior65, С каждым разом замечаю все новую и новую проблему.. числа пишутся не в диапазоне, который я указал..

[senior65]

AndRussia,
Где
max - максимальное число
min - минимальное число

let count = new Number(Math.random() * (max - min) + min).toFixed(3);

Исправьте в коде значения которые я указал на свои

[AndRussia]

senior65, Спасибо огромное!!!

Answer 2

[irishmann]

https://javascript.ru/setinterval

Answer 3

[jimmy_hendrix]

Привет, юный хлебец
Нужно больше данных для того чтобы помочь тебе.
Для начала тебе нужно иметь кусочек кода на стороне сервера и кусочек на стороне клиента.
Кусок кода на стороне клиента в виде js шлет запросы на сервер и получает некий ответ, этот ответ ты должен обработать и разместить в нужном месте на сайте.
Кусок кода который отвечает на запрос со стороны клиента должен выдавать нужное число, как оно будет там создаваться думай сам.
Связка может быть такой: php + js
Пример на jquery:

$.ajax({
  url: "test.php",//файл на который шлем запрос
  context: document.body
}).done(function(data) {//получаем ответ от сервера
  $( '#myDiv' ).html( data );//вставляем его в элемент с id "myDiv"
});

Comments

[AndRussia]

За помощь спасибо, но я плохо понимаю, что нужно разместить в test.php

[jimmy_hendrix]

в test.php нужно разместить код который будет генерить твое число
Например:
echo '123';