|
Воспроизведение gif при постоянном обновлении
Написал AJAX скрипт...Проблема в том, что у меня скрипт обновляет данные каждые 100милисекунд....при нажатии на клавишу у меня должна отображатся картинка анимированая:
if (events.keyCode == 13){ key = "&keyW=1"; psrc = "&psrc=2a.gif"; } при нажатии на клавишу и ее удержании скрипт отправляет psrc переменку на сервер и там php тулит ее в БД. Все гуд, только при отображении картинки анимация идет только 100милисекунд я так понял, и воспроизводится заново...получаеться не анимация а конвульсии))))) помогите это исправить |
AJAX-скрипт O_o
Цитата:
|
да так и есть....время анимации картинки = интервалу запроса на php файл
setTimeout('process()', 100);Ставлю 1000 - анимация почти вся успевает отобразится((( но обновление нужно 100мс стабильно! Помогите! Вчера попробовал понять в чеп проблема, вывел в коде картинку не через запрос на сервер document.getElementById("stroka").innerHTML = "<img src="1a.gif"></img>";анимация начала нормально отображатся и эта и та которую выводит через сервер!!!((( бред какой-то. В чем трабла?! Прошу о помощи!:blink: |
ваше сообщение практически нечитаемо, и похоже на бессвязный бред,а не на четко поставленный вопрос
как, я догадываюсь, у вас при отправлении AJAX-запросы в момент старта отображается анимация типа loader-а, и так как новый запрос отсылается до того момента, как анимация успевает завершится, то анимация скачет на свой начальный момент решение: заведите себе счетчик активных AJAX-запросов при старте нового запроса плюсуйте его, при завершении-минусуйте при старте AJAX-запроса, выводите анимацию только если счетчик был ноль, а стал еденица При завершении Ajax-запроса закрывайте анимацию, при условии, что это последний активный запрос |
да там всегда нужно 100мс таймаут запросов
|
Кусок кода:
function process(){ if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0){ pid = encodeURIComponent(document.getElementById("pid").value); xmlHttp.open("GET", "konekt.php?pid=" + pid + key + psrc, true); xmlHttp.send(null); xmlHttp.onreadystatechange = readData; }else{ setTimeout('process()', 100); } } function readData() { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { xmlResponse = xmlHttp.responseXML; xmlRoot = xmlResponse.documentElement; var first = xmlRoot.getElementsByTagName("first")[0].firstChild.data; document.getElementById("firstdiv").innerHTML = first; } } document.onkeydown = function (event){ if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { events = event || window.event; if (events.keyCode == 13){ key = "&keyEnter=1"; psrc = "&psrc=1a.gif"; } } } setInterval('process()', 100); 1a.gif - не успевает до конца отобразить анимацию (анимашку "типает"). |
ну подскажите что делать....пожалуйста..:blink:
|
Цитата:
из данного кода, ваша проблема очевидной не становится, так как в нем нету ни единой строчки по поводу вашей анимации, кроме как посылки на сторону сервера имени файла анимации а руки надо отрывать за такое использование объекта xmlhttprequest в глобальной области видимости идите повторите основы http://javascript.ru/tutorial/ajax/intro |
ну вот пхп
$psrc = $_GET['psrc']; $pid = $_GET['pid']; $keyEnter = $_GET['keyEnter']; if($keyEnter==1){ $suy = $yp - 10; mysql_query("UPDATE customers SET y='".$suy."', loc='".$psrc."' WHERE id='".$pid."'"); $keyEnter=0; } $mybases = mysql_query("SELECT * FROM customers WHERE id='".$pid."'"); $dbs = mysql_fetch_array($mybases); $yp = $dbs['y']; $xp = $dbs['x']; $locp = $dbs['loc']; $name = $dbs['name']; $animation="<img src= '".$locp."' width='50' height='50' id='".$name."' name='".$name."' style='position: absolute; left:".$xp."; top:".$yp."'></img>"; $dom = new DOMDocument(); $response = $dom->createElement('response'); $dom->appendChild($response); $first = $dom->createElement('first'); $response->appendChild($first); $anim = $dom->createTextNode($animation); $first->appendChild($anim); $xmlString = $dom->saveXML(); echo $xmlString; |
и я не понимаю что значит "такое" использование xmlhttprequest.....все гуд ворк, только аним не работает
|
Часовой пояс GMT +3, время: 08:19. |
|