Problema con variables en mi web

Iniciado por extremeño21, 23 Julio 2019, 22:16 PM

0 Miembros y 1 Visitante están viendo este tema.

extremeño21

Buenas,


Estoy haciendo mi primera Web y he usado una plantilla para así ir modificando e incluyendo parámetros y no empezar justo de 0.

La duda que tengo es que estoy intentando hacer una cuenta atrás y el código que tengo ahora implementado en la web es este:

<section class="upcomming_war">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="section_tittle text-center">
                            <h2>PRÓXIMO TORNEO</h2>
                        </div>
                    </div>
                </div>
                <div class="upcomming_war_iner">
                    <div class="row justify-content-center align-items-center h-100">
                        <div class="col-10 col-sm-5 col-lg-3">
                            <div class="upcomming_war_counter text-center">
                                <h2>Cuenta Atrás</h2>
                                <div id="timer" class="d-flex justify-content-between">
                                    <div id="days"></div>
                                    <div id="hours"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


Mi problema es este:

<div id="[b]timer[/b]" class="d-flex justify-content-between">
                                    <div id="days"></div>
                                    <div id="hours"></div>
                                </div>


Timer es un parámetro que no encuentro en la carpeta de js, en css si lo encuentro, pero no me interesa modificar nada de la apariencia, únicamente los valores days,hours y añadir mins y secs


He encontrado un archivo en js que es el único que me puede llegar a cuadrar, pero no encuentro nada.


function newFunction() {
    (function (e) {
        "use strict";
        e.fn.counterUp = function (t) {
        var n = e.extend({ time: 400, delay: 10 }, t); return this.each(function () {
        var t = e(this), r = n, i = function () {
        var e = [], n = r.time / r.delay, i = t.text(), s = /[0-9]+,[0-9]+/.test(i); i = i.replace(/,/g, ""); var o = /^[0-9]+$/.test(i), u = /^[0-9]+\.[0-9]+$/.test(i), a = u ? (i.split(".")[1] || []).length : 0; for (var f = n; f >= 1; f--) {
            var l = parseInt(i / n * f);
            u && (l = parseFloat(i / n * f).toFixed(a));
            if (s)
                while (/(\d+)(\d{3})/.test(l.toString()))
                    l = l.toString().replace(/(\d+)(\d{3})/, "$1,$2");
            e.unshift(l);
        } t.data("counterup-nums", e); t.text("0"); var c = function () {
        t.text(t.data("counterup-nums").shift()); if (t.data("counterup-nums").length)
            setTimeout(t.data("counterup-func"), r.delay);
        else {
            delete t.data("counterup-nums");
            t.data("counterup-nums", null);
            t.data("counterup-func", null);
        }
        }; t.data("counterup-func", c); setTimeout(t.data("counterup-func"), r.delay);
        }; t.waypoint(i, { offset: "100%", triggerOnce: !0 });
        });
        };
    })(jQuery);


Y no entiendo exactamente la funcionabilidad de esta función.


Alguien puede echarme un cable?

:(

extremeño21

CSS

/**************** upcomming war css start ****************/
.upcomming_war {
    background-image: url(../img/event_bg.png);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: bottom;
    .upcomming_war_iner {
        height: 725px;
        @media #{$tab}{
            height: 350px;
        }
        @media #{$medium_device}{
            height: 450px;
        }
        h2{
            margin-bottom: 25px;
            @media #{$tab}{
                font-size: 25px;
            }
            @media #{$medium_device}{
                font-size: 29px;
            }
        }
    }
    span {
        display: block;
        font-size: 20px;
        color: white;
    }
    #days {
        font-size: 48px;
        color: #ffffff;
    }
    #hours {
        font-size: 48px;
        color: #fff;
    }
}

@XSStringManolo

Usa el método setTimeout() de js para el contador y te quitas de complicaciones. Puedes pillar valores de html a javascript obteniéndolos de los contenedores.