script leilão 1 centavo

Pessoal, estou fazendo um script de leilão 1 centavo, tenho que confessar que estou a algum tempo sem programar e completamente enferrujado.

Todo mundo sabe como funciona o leilão 1 centavo, então nem vou aprofundar muito no funcionamento, apenas que a cada click aumenta o valor do produto em 1 centavo e que, se o contador não chegou no 00, será incrementado + 30 segundos.

js

var segundos = 30;
var minutos = 00;
function countdown(){

if((minutos > 0) || (segundos > 0)){

	segundos = segundos - 1;
	segMostra = segundos;
	minMostra = minutos;

 if(segundos == 0){
 minutos = minutos - 1;
 segundos = 60;
 }

 if(segundos < 10){ segMostra = '0'+segundos; }
 if(segundos == 60){	segMostra = '00'; }
 if(minutos < 10){
 minMostra = '0'+minMostra;
 }

 mostra = minMostra+':'+segMostra;
 document.getElementById("mostraClock").innerHTML = mostra;

 if(mostra == "00:00"){
 $('#valor').html('Você venceu o lance');
 } else {
 setTimeout('countdown()',1000);
 }
}
}

$(function(){
 $('#button').click( function() {
	countdown();
 });
});

html

<p id="mostraClock"></p>
<p id="valor"></p>
<p>
 <input type="submit" name="button" id="button" value="Lance" />
</p>

A grande sacada é, como começar denovo nos 30 segundos se outro usuário clicar?

Eu teria que usar ajax, mas não estou entendo a lógica disso, não a forma de usar ajax, mas como fazer que ele inicie novamente nos 30 segundos quando um usuário em outro browse clique.

Se alguém puder ajudar!