Телеграмм чат группы javascript

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

Есть HTML страница
-----------------------
<!DOCTYPE html>
<html>
<head>
<title>Count</title>
</head>
<body>
<h3 id="count">44</h3>
</body>
</html>
-----------------------
Хочу вставить в эту страницу небольшой скрипт, который будет
получать цифру по ссылке http://mppn.ru:55550/
и вставлять в тег значение <h3 id="count">44</h3>
Должен обновлять каждые 30 секунд это значение

источник

15:51пожаловаться #4

a

allpeg in javascript_ru

Mark

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

Есть HTML страница
-----------------------
<!DOCTYPE html>
<html>
<head>
<title>Count</title>
</head>
<body>
<h3 id="count">44</h3>
</body>
</html>
-----------------------
Хочу вставить в эту страницу небольшой скрипт, который будет
получать цифру по ссылке http://mppn.ru:55550/
и вставлять в тег значение <h3 id="count">44</h3>
Должен обновлять каждые 30 секунд это значение

если по ссылке можно свои заголовки добавлять (которые access-control-allow-origin и т.п.) то через ajax.
если нельзя то через ajax на свой сервер который оттуда и получает эту цифру.

upd:

setInterval(async ()=>{
    var text;
    try{
        text = await fetch('https://cors-anywhere.herokuapp.com/http://mppn.ru:55550/').then(s=>s.text());
    }catch(e){
        text = 'ошибка: '+(e?.message||e);
    }
    document.querySelector('#count').innerText = text;
},30*1000);

источник

15:54пожаловаться #5

a

allpeg in javascript_ru

или даже так, чтобы не через 30 секунд а сразу первое значение было. внизу добавлять.

async function f(){
    var text;
    try{
        text = await fetch('https://cors-anywhere.herokuapp.com/http://mppn.ru:55550/').then(s=>s.text());
    }catch(e){
        text = 'ошибка: '+(e?.message||e);
    }
    document.querySelector('#count').innerText = text;
}
setInterval(f,30*1000);
f();

источник

16:00пожаловаться #6

S

Syntax Highlight Bot in javascript_ru

allpeg

или даже так, чтобы не через 30 секунд а сразу первое значение было. внизу добавлять.

async function f(){
    var text;
    try{
        text = await fetch('https://cors-anywhere.herokuapp.com/http://mppn.ru:55550/').then(s=>s.text());
    }catch(e){
        text = 'ошибка: '+(e?.message||e);
    }
    document.querySelector('#count').innerText = text;
}
setInterval(f,30*1000);
f();

источник

16:00пожаловаться #7

M

Mark in javascript_ru

allpeg

если по ссылке можно свои заголовки добавлять (которые access-control-allow-origin и т.п.) то через ajax.
если нельзя то через ajax на свой сервер который оттуда и получает эту цифру.

upd:

setInterval(async ()=>{
    var text;
    try{
        text = await fetch('https://cors-anywhere.herokuapp.com/http://mppn.ru:55550/').then(s=>s.text());
    }catch(e){
        text = 'ошибка: '+(e?.message||e);
    }
    document.querySelector('#count').innerText = text;
},30*1000);

Спасибо большое!!! Сейчас протестирую

источник

16:00пожаловаться #8

M

Mark in javascript_ru

разместил для теста, но чтот не срабатывает

https://mppn.ru:55500/

источник

16:05пожаловаться #9

a

allpeg in javascript_ru

Mark

Спасибо большое!!! Сейчас протестирую

но вообще правильней вместо https://cors-anywhere.herokuapp.com/ (это сервис который добавляет те самые заголовки и через себя пропускает запросы) самому на этом сервисе ставить заголовки.
Ну и ещё без этого сервиса https->http запросы будут блочиться.

p.s. медленный режим 🤦🏻‍♂️ по пять минут ждать - это гениально.

----------
UPD:
@mark2014
срабатывает, просто медленно (из-за того что cors-proxy тупит). чтобы было быстрее надо cors-заголовки добавлять, и делать https и там и там, либо http и там и там.

т.е. в первом сервисе добавьте Access-Control-Allow-Origin: *
а во втором поменяйте

'https://cors-anywhere.herokuapp.com/http://mppn.ru:55550/'

на
'http://mppn.ru:55550/' или 'https://mppn.ru:55550/'
с https->http работать не будет.

источник

16:05пожаловаться #10

p

p0rsche in javascript_ru

забавно видеть async и var рядом

источник

16:07пожаловаться #11

M

Mark in javascript_ru

Сейчас сработало и обновляется, спасибо еще раз!!

источник

16:10пожаловаться #12

a

allpeg in javascript_ru

Mark

Сейчас сработало и обновляется, спасибо еще раз!!

читайте моё прошлое сообщение, туда добавил. cors proxy лучше не использовать, надо делать правильно.

а вообще если надо мгновенное обновление то можно на node.js поднять вебсокет-сервер и без частых запросов будет моментально обновляться.

@p0rsche не очень забавно ждать по 2-4 минуты между сообщениями(

источник

16:11пожаловаться #13

p

p0rsche in javascript_ru

allpeg

читайте моё прошлое сообщение, туда добавил. cors proxy лучше не использовать, надо делать правильно.

а вообще если надо мгновенное обновление то можно на node.js поднять вебсокет-сервер и без частых запросов будет моментально обновляться.

@p0rsche не очень забавно ждать по 2-4 минуты между сообщениями(

не совсем понимаю, о чем ты

источник

16:11пожаловаться #14

p

p0rsche in javascript_ru

так

источник

16:12пожаловаться #15

p

p0rsche in javascript_ru

а кто врубил слоу мод?

источник