animation frame

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8>
  <title>Antoine BERNIER (abernier)</title>
  <link rel="stylesheet" href="index.css">
</head>
<body>
  <form>
    <p>
      <label for="duration">Duration</label>
      <input id="duration" type="range" min="100" max="10000" value="1000">
    </p>
    <p>
      <button id="start">Play</button>
      <button id="stop">Stop</button>
    </p>
  </form>
  <script src="https://code.jquery.com/jquery-latest.min.js"></script>
  <script src="index.js"></script>
<body>
    

Modified http://code.jquery.com/jquery-latest.min.js to a secure url

https://code.jquery.com/jquery-latest.min.js