Бегущий Nyan Cat (gif), помогите остановить!
При загрузке страницы по горизонтали пробегает картинка:
function init_move() {
dx = 1
setInterval("move()",8)
}
function move() {
var x = parseInt(document.all.pic.style.left);
document.all.pic.style.left = x + dx;
if (x > document.documentElement.clientWidth ) {
//как бы его тут остановить?
}
}
<img name="pic" src="/root/home/www/cgi-bin/Nyan_Cat.gif" style="position:absolute; top:300; left:-180;">
<script>
init_move()
</script>
Но как при достижении границы экрана остановить скрипт (отмечено комментарием)? Ведь на то он и Nyan Cat, бежит и бежит, бесконечно увеличивая полосу прокрутки по горизонтали - но мне этого же не не нужно.:D Уже несколько методов попробовал - не выходит. |
var timer = setInterval(){};
clearInterval(timer);
|
Цитата:
|
function init_move()
{
dx = 1
init_time = setInterval(function()
{
var x = parseInt(document.all.pic.style.left);
document.all.pic.style.left = x + dx;
if (x > document.documentElement.clientWidth) clearInterval(init_time);
}, 8)
}
|
Большое спасибо, теперь Nyan Cat приручен! :dance:
|
Зачем img'у name? Пропиши вместо него id и вместо document.all.pic просто pic (или лучше document.getElementById('pic') )
|
Цитата:
Цитата:
Поправил - работает, пасибо. :) |
По крайней мере, вместо document.all лучше писать document.images.
|
| Часовой пояс GMT +3, время: 09:39. |