Disculpen la Molestia. Estoy iniciando con JavaScript y quisiera por favor que alguien me ayudara con lo siguiente:

Quisiera tener 1 botón que me muestre una cuenta regresiva de 1 hora y la cuenta regresiva se inicie al hacer clic en el mismo botón, después cuando la cuenta regresiva este en curso el botón este bloqueado para no poder hacer clic y recién se active nuevamente después de que la cuenta regresiva llegue a cero, así también que esta acción no se reinicie cada vez que actualizo la página sino que se mantenga independiente de recargar la página. Además quisiera que cuando la cuenta regresiva llegue a cero, en otro lugar de la página me muestre un mensaje que la cuenta regresiva llego a cero con el numero 1 (como la campanita de YouTube), esto me serviría por ejemplo si en la página tengo más cuentas regresivas pues en el mensaje me muestre la cantidad de botones que llegaron a cero. (Ejemplo 10) AGRADECERÍA MUCHO QUE ME APOYARAN CON ESO YA QUE ESTOY INICIANDO EN ESTE MUNDO DE LA PROGRAMACIÓN. ESPERO NO CAUSAR MOLESTIAS