var hora, minuto, segundo, dia, mes, anyo;

function createWatch() {
    var horaCeros ,minutoCeros ,segundoCeros,mesCeros;

    hora = document.getElementById("hores").value;
    minuto = document.getElementById("minuts").value;
    segundo = document.getElementById("segons").value;

    dia = document.getElementById("dia").value;
    mes = document.getElementById("mes").value;
    anyo = document.getElementById("any").value;

    if(hora < 10) {
        horaCeros = '0' + hora;
    }else{
        horaCeros = hora
    }

    if(minuto < 10) {
        minutoCeros = '0' + minuto;
    }else{
        minutoCeros = minuto
    }

    if(segundo < 10) {
        segundoCeros = '0' + segundo;
    }else{
        segundoCeros = segundo
    }

    if(mes < 10){
        mesCeros = '0' + mes;
    }else{
        mesCeros = mes
    }
    var horaIntro = horaCeros + " : " + minutoCeros + " : " + segundoCeros;
    var fechaIntro = dia + " / " + mesCeros + " / " + anyo;

    document.getElementById("clock").innerHTML = horaIntro;
    document.getElementById("calendar").innerHTML = fechaIntro;

}

function startWatch() {

    segundo++;

    if(segundo == 60){
        minuto++;
        segundo = 0;
    }
    if(minuto == 60){
        hora++;
        minuto = 0;
    }
    if(hora == 24){
        hora = 0;
        dia++;
    }
    if((mes == 2) & (dia == 30) & (anyo % 4 == 0)){
        dia = 1;
        mes++;
    }
    if((mes == 2) & (dia == 29) & (anyo % 4 != 0)){
        dia = 1;
        mes++;
    }
    if (mes == 4 || mes==6 || mes == 9 || mes==11){
        if(dia == 31){
            mes++;
            dia = 1;
        }
    }
    if (mes == 1 || mes==3 || mes == 5 || mes==7 || mes==8 || mes == 10 || mes==12){
        if(dia == 32){
            mes++;
            dia = 1;
        }
    }
    if(mes == 13){
        mes = 1;
        anyo++
    }
    if(hora < 10) {
        horaCeros = '0' + hora;
    }else{
        horaCeros = hora
    }

    if(minuto < 10) {
        minutoCeros = '0' + minuto;
    }else{
        minutoCeros = minuto
    }

    if(segundo < 10) {
        segundoCeros = '0' + segundo;
    }else{
        segundoCeros = segundo
    }

    if(mes < 10){
        mesCeros = '0' + mes;
    }else{
        mesCeros = mes
    }

    var horaActu = horaCeros + " : " + minutoCeros + " : " + segundoCeros;
    var fechaActu = dia + " / " + mesCeros + " / " + anyo;

    document.getElementById("clock").innerHTML = horaActu;
    document.getElementById("calendar").innerHTML = fechaActu;

    //setInterval(startWatch(), 1000 ,hora, minuto, segundo, dia, mes, anyo);
    setTimeOut(startWatch(), 1000 ,hora,minuto, segundo,dia,mes,anyo);
}