jQuery stop effect when button is pressed

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>stop demo</title>
  <style>
  div {
    position: absolute;
    background-color: #abc;
    left: 0px;
    top: 30px;
    width: 60px;
    height: 60px;
    margin: 5px;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 
<button id="go">Go</button>
<button id="stop">STOP!</button>
<button id="back">Back</button>
<div class="block"></div>
 
<script>
// Start animation
$( "#go" ).click(function() {
  $( ".block" ).animate({ left: "+=100px" }, 2000 );
});
 
// Stop animation when button is clicked
$( "#stop" ).click(function() {
  $( ".block" ).stop();
});
 
// Start animation in the opposite direction
$( "#back" ).click(function() {
  $( ".block" ).animate({ left: "-=100px" }, 2000 );
});
</script>
 
</body>
</html>

Add Own solution

Are there any code examples left?

Find Add Code snippet

New code examples in category Javascript

Javascript 2023-04-21 22:52:36
Javascript 2022-03-27 22:25:20 javascript download string as file
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
Javascript 2022-03-27 21:15:02 javascript regex french phone number
Javascript 2022-03-27 21:05:03 cypress custom error message
Javascript 2022-03-27 21:00:05 create element javascript with id
Javascript 2022-03-27 20:40:57 feather icons react
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

jQuery stop effect when button is pressed .stop() jquery jQuery stop all jquery .stio stop callback jquery jquery animatation inturrupting previous animation stop other instances of jquery stop animation in j query stop animation jquery stop animation immediately on clicking jquery animation left and when click stop display value click to play and automatic stop jquery jquery stop after 3 can i use stop(toggel) on jquery jquery stop( jquery stop( false true) differences stop animation in jquery stop animate jquery stop function jquery dpo animation inifnite jquery animate stop animation stop() documentation cancel all jquery animations on new action stop current animation on new jquery stop current animation on new js stop jquery STOP SENDING ME JQUERT CODE stop animation without plugin + jquery stop adding value in jquery jquery stop animation on element how to stop and start internal animation with a button stop all animations on click javascript jquery stop animation jquery .stop method run one div stop another in html jQeury .stop() jquery .stop() jquery cancel stop function jquery stop toggeling for time jquery stop animation after complete jquery animate for a time limit and stop automaticaly jquery end animate after timer jquery stop animate jquery stop jquery stop animate after last click jquery after all animation stop .stop() how to stop anime in jquery jquery cancel animation queue jquery cancel animation jquery stop() stop to next process in jquery stop class from being removed by ajax jquery stop class from being removed by ajaxjquery jQuery function which can stop the animation of the above effect whilst in progress. a jQuery function which can stop the animation anime stop jquery .stop jquery how to stop animate in jquery stop(true,true) jquery jquery .stop jquery interrupt stopping element jquery

jQuery stop effect when button is pressed

Welcome Back!

Create a Free Account