Pause Button

[scriptkid]

I am creating an HTML, JS ,CSS game for android.

Can someone write an example for a pause button.

PS:I have a timer and it need to be stoped when button is presst.

[harrywatson]

paused = true,

That should fix all your problems.

 

http://corehtml5canvas.com/code-live/ch05/example-5.9/example.html

[mattstyles]

Depends how you've coded your timer, show us that code for a better answer.

Another way that is a better general approach (this approach scales better and is more flexible) is to simply apply/remove (subscribe/unsubcribe) functions to a slave tick emitter in response to events that control whether your game is paused or running, and it just so happens you have a very handy slave right there in the browser with no work, requestAnimationFrame.

var tick = new EventEmitter()

requestAnimationFrame(function ticker () {
  tick.emit('tick')
  requestAnimationFrame(ticker)
})

function update () {
  ..stuff
}

function onGo () {
  tick.on('tick', update)
  pauseButton.removeEventListener(onGo)
  pauseButton.addEventListener(onPause)
}

function onPause () {
  tick.off('tick', update)
  pauseButton.addEventListener(onGo)
  pauseButton.removeEventListener(onPause)
}

 This way you could set up multiple timers, or limit some timers, or set up an observable slaved to the tick emitter for more control, etc etc etc.