From AlexEremenko, 4 Years ago, written in JavaScript.

Embed

Download Paste or View Raw
Hits: 216

<!DOCTYPE html>

<html lang="ru">

<head>

<meta charset="UTF-8">

<title>Title</title>

<link rel="stylesheet" href="main.css">

</head>

<body>

<div class="ground">

<div class="ball" id="ball">

<div class="s top"></div>

<div class="s right"></div>

<div class="s bottom"></div>

<div class="s left"></div>

</div>

</div>

<input type="text" class="x">

<script>

let ball = document.querySelector('.ball');

ball.onclick = function() {

let start = Date.now();

let timer = setInterval(function() {

let x = document.querySelector('.x');

let xf = x.value + 'px';

let timePassed = Date.now() - start;

ball.style.left = timePassed / 5 + 'px';

if (ball.style.left - 'px' > xf - 'px') clearInterval(timer);

}, 20);

}

</script>

</body>

</html>

Replies to AnimationJS

Title	Name	Language	UNIX	When
Re: AnimationJS	AlexEremenko	javascript	1578338456	4 Years ago.
Re: AnimationJS	AlexEremenko	javascript	1578337554	4 Years ago.
Re: AnimationJS	AlexEremenko	javascript	1578337552	4 Years ago.

Author

Title

Language

Your paste - Paste your paste here

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;ru&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;main.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;ground&quot;&gt;
        &lt;div class=&quot;ball&quot; id=&quot;ball&quot;&gt;
            &lt;div class=&quot;s top&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;s right&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;s bottom&quot;&gt;&lt;/div&gt;
            &lt;div class=&quot;s left&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

&lt;input type=&quot;text&quot; class=&quot;x&quot;&gt;

&lt;script&gt;
        let ball = document.querySelector('.ball');
        ball.onclick = function() {
            let start = Date.now();

let timer = setInterval(function() {
                let x = document.querySelector('.x');
                let xf = x.value + 'px';
                let timePassed = Date.now() - start;

ball.style.left = timePassed / 5 + 'px';

if (ball.style.left - 'px' &gt; xf - 'px') clearInterval(timer);

}, 20);
        }
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

AnimationJS

Replies to AnimationJS

Reply to "AnimationJS"