Pode implementar um cronômetro *front-end* utilizando **JavaScript** onde ao clicar em *Play* inicia o timer, quando o usuário clicar em *Pause* ou fechar a janela deve-se então mandar um *Ajax* para o **PHP** atualizar o valor corrente do timer no banco de dados. Na próxima vez que a tela for aberta, faz-se então uma requisição *Ajax* ao **PHP** para que este retorne o valor corrente do timer que está salvo no banco.

**HTML:**

    <body onload="restore_timer();">
    	<form name="form">
    		<input type="text" name="cronometro" value="00:00:00" />
    		<br />
    		<button type="button" onclick="timer(this); return false;">Play</button>
    	</form>
    </body>

**JavaScript:**

    $(document).ready(function() {
		var t = form.cronometro.value;
		var hora = t.substring(0, 2);
		var minuto = t.substring(3, 5);
		var segundo = t.substring(6, 8);

		restore_timer = function() {
			send_ajax(form.cronometro.value, "get_time");
		}

		send_ajax = function(time, opt) {
			$.ajax({
				method: "POST",
                async: "false",
				url: "timer.php",
				data: {"time": time, "opt": opt}
			}).done(function(msg) {
				if (opt == "get_time") {
					form.cronometro.value = msg.time;
					t = msg.time;
					hora = t.substring(0, 2);
					minuto = t.substring(3, 5);
					segundo = t.substring(6, 8);
				}
			});
		}

		var interval;
		timer = function(obj) {
			var html = $(obj).html();
			if (html == 'Play') {
				interval = setInterval('tempo()', 983);
				$(obj).html('Pause');
			} else {
				clearInterval(interval);
				send_ajax(form.cronometro.value, "save_time");
				$(obj).html('Play');
			}
		}

		$(window).unload(function() {
			send_ajax(form.cronometro.value, "save_time");
		});

		tempo = function(){	
		   if (segundo < 59) {
		      segundo++;
		      if (segundo < 10)
		         segundo = "0" + segundo;
		   } else if (segundo == 59 && minuto < 59) {
		      segundo = 0 + "0";
		      minuto++;
		      if (minuto < 10)
		         minuto = "0" + minuto;
		   }
		   if (minuto == 59 && segundo == 59) {
		      segundo = 0 + "0";
		      minuto = 0 + "0";
		      hora++;
		      if (hora < 10)
		         hora = "0" + hora;
		   }
		   form.cronometro.value = hora + ":" + minuto + ":" + segundo;
		}
	});

**PHP:**

    if ($_POST) {
    	$opt = $_POST['opt'];
    
    	$servername = "HOST_HERE";
    	$username = "USERNAME_HERE";
    	$password = "PASSWORD_HERE";
    	$dbname = "DB_HERE";
    
    	$conn = new mysqli($servername, $username, $password, $dbname);
    	if ($conn->connect_error) {
    	    die("Connection failed: " . $conn->connect_error);
    	}
    
    	if ($opt == "get_time") {
    		$sql = "SELECT * FROM timer";
    		$result = $conn->query($sql);
    
    		if ($result->num_rows > 0) {
    		    while($row = $result->fetch_assoc()) {
    		    	header('Content-Type: application/json');
    		        echo json_encode(array("time" => $row["time"]));
    		    }
    		}
    	} elseif ($opt == "save_time") {
    		$time = $_POST['time'];
    		$sql = "UPDATE timer set time = '{$time}'";
    		$result = $conn->query($sql);
    	}
    	$conn->close();
    }

**DataBase:**

    CREATE TABLE timer (
    	id INT PRIMARY KEY,
    	time VARCHAR(10) NOT NULL
    );
    
    INSERT INTO timer values (DEFAULT, "00:00:00");

> Neste exemplo tenho apenas um registro na tabela **timer**, se você
> necessitar mais terá de mudar um pouco a lógica, mas acredito que isto
> não será problema.

Segue [exemplo funcionando][1].

**Atenção:**
Não fiz nenhuma validação do valor transitado pelas requisições, se o usuário alterar o **HTML** na mão e der *Pause* vai mandar para o banco e salvar normalmente.

  [1]: http://luishenriique.zz.mu/cronometro/