JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.6.1/phaser.min.js"></script>

JavaScript

var game = new Phaser.Game(800, 600, Phaser.AUTO, 'phaser-example', { create: create, update: update, render: render });

var _clickTimer = 0;
var _delay = 500;
function create() {
    
//when i click on the graphics after a certain delay do some stuff
    var graphics = game.add.graphics(0, 0);
    graphics.beginFill(0xFF0000, 1);
    graphics.drawCircle(300, 300, 100);
    graphics.inputEnabled = true;
    graphics.events.onInputDown.add(onDOWN,this);
    graphics.events.onInputUp.add(onUP,this);
}

//when i click on the graphics after a certain delay do some stuff
function onDOWN(graphics, pointer) {
	_clickTimer = game.time.now;
  console.log("Pressed at: " + _clickTimer);
}

function onUP(object, pointer, isOver){
	var timenow = game.time.now;
	if (timenow > _clickTimer + _delay){
		alert("okay");
    console.log("Released at: " + timenow);
  }else{
  	console.log("Released too soon");
  }
}

function update() {
	
}


function render() {
}