Обновление страницы

@NIKOLAYY · Регистрация: 22.09.2012

Студворк — интернет-сервис помощи студентам

Имеется пока пустая страница типа:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Мой сайт</title>
</head>
 
<body>
<div align="center">
  <h1>Это мой сайт
  </h1>
</div>
</body>
</html>

И имеется код на обновление этой страницы через 10 секунд:

HTML5
1
<meta http-equiv="refresh" content="10" />

Вопрос такой как сделать автомалическое обновление этой страницы по выбору пользователя?
То есть добавить на страницу 3 радиокнопки с настройками:

1) Обновление через 10 секунд
2) Обновление через 20 секунд
3) Обновление через 30 секунд

@koza4ok · 27.05.2013, 13:03

Надюсь Вам мои куски кода помогут...Немогу дальше править,спешу

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--
<meta http-equiv="refresh" content="10" />
-->
<title>Документ без названия</title>
</head>
 
<body>
 
  <h1>Это мой сайт
  </h1>         
Установка времени обновления 
<select onChange="fn()">
<option value="3">2 sec</option>
<option value="120">12 sec</option>
<option value="7">5 sec</option>
</select>
 
<script>
 
function setCookie( name, value, expires, path, domain, secure ) {
    var today = new Date();
    today.setTime( today.getTime() );
    if ( expires ) {
        expires = expires * 1000 * 60 * 60 * 24;
    }
    var expires_date = new Date( today.getTime() + (expires) );
    document.cookie = name+'='+escape( value ) +
        ( ( expires ) ? ';expires='
+expires_date.toGMTString() : '' ) +
//expires.toGMTString()
        ( ( path ) ? ';path=' + path : '' ) +
        ( ( domain ) ? ';domain=' + domain : '' ) +
        ( ( secure ) ? ';secure' : '' );
}
function getCookie( name ) {
    var start = document.cookie.indexOf( name + '=' );
    var len = start + name.length + 1;
    if ( ( !start ) && ( name != document.cookie.
substring( 0, name.length ) ) ) {
        return null;
    }
    if ( start == -1 ) return null;
    var end = document.cookie.indexOf( ';', len );
    if ( end == -1 ) end = document.cookie.length;
    return unescape( document.cookie.substring( len, end ) );
}
 
function fn(){
    var sel=document.getElementsByTagName('select')[0]
    var val=sel.options[sel.selectedIndex].value//значение выбраного option;
    
    setCookie('refresh',val,3600);
    refresh_meta();
    }
function refresh_meta(){
    var current= getCookie( 'refresh' ) || 10;
    
    var meta_tag=document.querySelectorAll('meta')[1]||document.createElement('meta');
    //meta_tag["http-equiv"]="refresh";
    meta_tag.setAttribute("http-equiv","refresh")
    
    
    meta_tag.content=current;
    document.getElementsByTagName('head')[0].appendChild(meta_tag);
    setTimeout(function(){
        window.location.reload()
        },current)
    }
    
window.onload=function(){
    refresh_meta();
    
    document.getElementsByTagName('h1')[0].innerHTML=document.getElementsByTagName('meta')[1].content
    }   
</script>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .