0
votes

Masquer un élément avec JavaScript / JQuery si une certaine date n'est pas atteinte ou dépassée

Je voudrais afficher un élément seulement dans une certaine période de temps. Je voudrais résoudre ce problème avec les millisecondes.

J'ai déjà recherché mais j'ai trouvé une réponse exacte à ma question. Surtout pas avec mon idée de la mise en œuvre.

Mon code actuel est ce qui suit. Qu'est-ce qui ne va pas avec ça? xxx


1 commentaires

"Qu'est-ce qui ne va pas avec ça?" - rien, car nous avons besoin d'un exemple de reproductible minimal .


3 Réponses :


0
votes

Merci pour votre réponse, Andreas. J'espère que cela vous aide.

---- HTML --- P>

.box{
    width: 100px;
    height: 100px;
    background-color: gray;
}


0 commentaires

0
votes

Si vous souhaitez vérifier la visibilité de la boîte, vous devez ajouter un intervalle pour vérifier chaque fois que vous devez afficher ou masquer la case.

Voici un petit exemple: P>

<script>

    $(document).ready(function () {

        var begin = new Date().getTime() + 5000; // in 5 seconds
        var end = new Date().getTime() + 10000; // in 10 seconds

        var boxVisibility = function () {

            var now = new Date().getTime();

            if (now >= begin && now <= end) {
                $(".box").show();
            } else {
                $(".box").hide();
            }
        }

        var interval = setInterval(boxVisibility, 100);
    });

</script>


2 commentaires

Merci Dailos Medina :)


Heureux d'aider :) upvote la réponse si cela a aidé, s'il vous plaît



0
votes

Le code que vous avez fourni des œuvres, mais seulement est exécuté une fois. Ce que je veux dire, c'est que vous manquez de boucler chaque milliseconde si l'élément doit être visible ou non.

Dans JavaScript, vous avez la fonction intégrée seinterval pour accomplir ce que vous voulez. Afin de vérifier si "maintenant" est entre deux dates de millisecondes, vous devez définir un intervalle de cette façon: xxx

comme vous pouvez voir l'ONU mon exemple de travail ... La balise avec l'identifiant actuel_time montrera l'horodatage actuel en direct.

J'espère que le code vous aide à comprendre le concept seinterval.


0 commentaires