Related questions

How i can make onclick to start animation

2022-05-04 10:29 V4lis imported from Stackoverflow

I got requestAnimationFrame(loop); and I'm trying to make onclick button to start animation, once you press it animation starts, I got button figured out <button type="start" form="form1" value="start onclick="start()">start</button> But i cannot figure out how to make it into a script.

2 answers

  • answered 2022-05-04 10:34 Fabien Aur&#233;jac

    Here is a snippet example :

    <button onclick="start()">start</button>
<script>
   var animId=false;
   function start() {
      animId=requestAnimationFrame(loop);
   }
   function loop() {
      //your code here
   }
   // I added this in case you wanted to call a stop
   function stop() {
      animId && cancelAnimationFrame(animId);
   }
</script>

  • answered 2022-05-04 10:43 Anas Abdullah Al

    If you want to call requestAnimationFrame(loop) you should do it like this...

    <button type="start" form="form1" value="start" onclick="requestAnimationFrame(loop)">start</button>

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum

See also questions close to this topic

  • how to change prettier format for react native

    my code formatting prettier didn't works well for react native, i don't understand where to config it but it works well with flutter

    from this code

          import { View, Text } from 'react-native'
    
    import React from 'react'
    
    export default function App() {
      return (
        <View>
    
    <Text>Apps</Text>   
</View>
      )
    }

    it's formatted to this

    import {
  View,
  Text
} from 'react-native'

import React from 'react'

export default function App() {
  return ( <
    View >

    <
    Text > Apps < /Text>


    <
    /View>
  )
}
  • MarkLogic server-side JavaScript and XQuery

    I am just starting using NoSQL MarkLogic DB and trying to choose for me the best query language to learn and use in future. On server side MarkLogic provides the possibility to use JavaScript API or XQuery API.

    I want to receive an advice. Which language is better to concentrate on and learn? JavaScript or XQuery?

  • Popover in chrome extension using js

    My goal is I want to create a chrome extension like Toucan Extension. I want to highlight some paragraphs in random site then translate it to specific language. The problem is I do not have an idea on how to implement a popover in chrome extension like in the picture below.

    Example