Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Подскажите , Как возвратить в исходное положение (https://javascript.ru/forum/dom-window/80968-podskazhite-kak-vozvratit-v-iskhodnoe-polozhenie.html)

ilyach199012902ilyachu 03.09.2020 17:35

Подскажите , Как возвратить в исходное положение
 
Подскажите,Как сделать что бы,после отпускании кнопки Вверх,через время,(3 сек)черный квадрат вернулся плавно (медленно)на свое место,(то есть опустился вниз)

const road = document.querySelector('.road')
road.style.height = '300px'
road.style.background = 'url(road.jpg)'
road.style.backgroundSize = 'cover'
road.style.width = '600px'
road.style.margin = '0 auto'
road.style.position = 'relative'
 
 
let positionRoad = 0
 
setInterval(moveRoad,10)
 
function moveRoad(){
    positionRoad -= 1
    road.style.backgroundPositionX = positionRoad + 'px'
}
 
console.log(road)
 
const tRex = document.querySelector('.t-rex')
tRex.style.height = '100px'
tRex.style.width = '50px'
tRex.style.background = 'black'
tRex.style.position = 'absolute'
tRex.style.bottom = '50px'
tRex.style.left = '15px'
 
window.addEventListener('keydown',function(e){
   if(e.key === 'ArrowUp'){
       tRex.style.bottom = '100px'
   }
})

Rise 03.09.2020 19:17

T-Rex runner (chrome offline dino game)? Source code.


Часовой пояс GMT +3, время: 20:55.