|
Воспроизведение 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, время: 09:06. |
|