var game = new Phaser.Game(640, 480, Phaser.CANVAS, 'game');

​

​

   var PhaserGame = {

                    create: function(){

                            //COUNTDOWN

                            var style = {fill: "#FBEFEF"};

                            this.seconds = 20;

                            this.countdown = this.add.text(this.world.centerX,this.world.centerY,this.seconds,style);

                            this.countdown.anchor.setTo(0.5);

                            this.timer = this.time.create(false);

                            this.timer.loop(1000,this.updateCountdown.bind(this));

                            this.timer.start();

                            //TEXT

                            this.add.text(this.world.centerX,this.world.centerY-50,'Click to pause and resume the countdown',style)

                                    .anchor.setTo(0.5);

                            //CLICK EVENT

                            this.input.onDown.add(function(){

                                                    if (this.onPause)

                                                            this.resumeCountdown();

                                                    else

                                                            this.pauseCountdown();},this);

                    },

                   updateCountdown: function(){

                            this.seconds--;

                            this.countdown.text = this.seconds;

                    },

                   pauseCountdown: function(){

                            this.onPause = true;

                            this.timer.pause();

                            this.countdown.tint = 0x1C1C1B;

                   },

                   resumeCountdown: function(){

                            this.onPause = false;

                            this.timer.resume();

                            this.countdown.tint = 0xFFFFFF;

                   }

    }

​

    game.state.add('Game', PhaserGame, true);

​