Обновление изображения на странице html ежесекундно!
Всем добрый день!
Прошу о помощи, мне необходимо решить следущую задачу! Есть сетевая камера, необходимо выводить изображение с нее на html страницу. изображение имеет юрл http://62.141.120.196:90/record/current.jpg?rand=989678 если постоянно обновлять страницу картинка меняется, а как сделать так, чтобы страницу обновлять было не нужно и изображение перезагрудалость раз в секунду? заранее спасибо! |
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
var speed = 2;
function cam_show()
{
var imac = document.getElementById('camimage');
var time = now();
imac.onload = function()
{
start_show(imac, now()-time);
document.getElementById('speed').innerHTML = ((now()-time)*(speed+5))/1000;
};
imac.src = "http://62.141.120.196:90/record/current.jpg?r=" + Math.random();
}
function now(){
return (new Date).getTime();
}
function start_show(img, time)
{
setTimeout(function()
{
var ctime = now();
img.onload = function()
{
start_show(img, now()-ctime)
document.getElementById('speed').innerHTML = ((now()-ctime)*(speed+5))/1000;
};
img.src = "http://62.141.120.196:90/record/current.jpg?r=" + Math.random();
}, time*(speed+5));
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="imagetoolbar" content="no">
</head>
<body onload="cam_show()">
<div align="center">
<img width="704" height="576" id="camimage" src="" alt="">
<div>Следующее обновление через <span id="speed"></span> сек.</div>
<div >Выберите скорость:</div>
<div>Турбо: <input name="rad" type="radio" value="0" onclick="if(this.value != '') speed=this.value;"></div>
<div>Быстро: <input name="rad" type="radio" value="1" onclick="if(this.value != '') speed=this.value;"></div>
<div>Стандарт: <input name="rad" type="radio" value="2" onclick="if(this.value != '') speed=this.value;" checked="checked"></div>
<div>Медленно: <input name="rad" type="radio" value="3" onclick="if(this.value != '') speed=this.value;"></div>
<div>Черепаха: <input name="rad" type="radio" value="4" onclick="if(this.value != '') speed=this.value;"></div>
</div>
</body>
</html>
|
Спасибо))
но к сожалению у меня не работает! один раз изображение грузится и все! больше обновлений нет. |
belousov,
браузер какой? |
Странно))
но после того как я скопировал отсюда в дримвьевер у меня изменилась вторая ссылка на картинку)) а тав все работает теперь))) спасибо большое))) |
Skipp,
Код рабочий но у меня не сработала картинка в "показать" ни в одном из популярных браузеров ...скорее всего политика безобасности ... пример воспроизводиться на стороннем сайте да ещё сам грузит с другого ... Ие выдал следующее... Фильтр межузловых сценариев (XSS) в Internet Explorer помогает предотвратить добавление одним веб-узлом кода сценария на другой веб-узел. ... |
рони,
я тоже заметил, но времени уже с этим возится нет:) |
Привет всем)
Давно искал решение такого же вопроса) А как сделать 3 картинки на одной странице? т.е у меня три разных изображения (камеры) выводятся на страницу, и задача та же: обновление изображений без перезагрузки страницы. Нужно чтоб все три обновлялись вместе. |
| Часовой пояс GMT +3, время: 09:14. |