[Résolu] Compteur js qui saute - conflit onload() ??? par d2v - page 1

Bonsoir,

Bon j'y connais rien en js mais j'ai tout de même écrit un compteur qui fonctionne comme je veux mais qui saute 1 fois su 2 ou 1 fois sur 20 lors du chargement de page. D'aprés mes recherches sur le web se serait à cause d'un conflit avec d'autres functions provenant du fichier src="https://code.jquery.com/jquery-3.1.1.slim.min.js qui se chargent en meme temps via onload() (tout comme mon compteur body onload"compteur();")

Le debugger js de firefox, onglet events dit:

Navigation

load index.php

load jquery-3.1.1.slim.min.js

Des rèponses j'en ai trouvé sur le net mais y'en a tellement que là c'est dans mon cerveau qu'il y a conflit !

Ma question est donc comment "chaîner" par ordre de priorité toutes ces functions pour supprimer le saut de mon compteur ? Qu'elles sont ces functions ? Merci !

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="">
        <!--<link rel="icon" href="../../favicon.ico">-->
        <title></title>
        <!-- Bootstrap core CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <!-- Custom styles for this template -->
        <link href="css/sticky-footer.css" rel="stylesheet">
        <!--<script src="https://use.fontawesome.com/7d84b48ecb.js"></script>-->	
        <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">	 	
        <script>
            var cpt = 30;
            var x;

            function compteur() {
                if (cpt >= -1) {
                    if (cpt <= 9) {
                        if (cpt === -1) {
                            document.getElementById("compteur").innerHTML = '<button id="compteur" type="button" class="btn btn-outline-warning btn-circle btn-xl" data-toggle="modal" data-target="#exampleModalLong">Fin !</i></button>';
                        } else {
                            document.getElementById("compteur").innerHTML = '<button id="compteur" type="button" class="btn btn-secondary btn-circle btn-xl bg-faded" data-toggle="modal" data-target="#exampleModalLong">0' + cpt + '</button>';
                        }
                    } else {
                        document.getElementById("compteur").innerHTML = '<button id="compteur" type="button" class="btn btn-secondary btn-circle btn-xl bg-faded" data-toggle="modal" data-target="#exampleModalLong">' + cpt + '</button>';
                    }
                    cpt--;
                    x = setTimeout(compteur, 1000);
                } else {
                    clearTimeout(x);
                }
            };
        </script> 	
    </head>
    <body onload="compteur();">
            <div class="row">
                <div class="col">					
					<div id="compteur"></div>
                    <!-- Modal -->
                </div>	
            </div>
		
        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
        <!--<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
        <script src="js/bootstrap.min.js"></script>
        <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
        <script src="js/ie10-viewport-bug-workaround.js"></script>
		<script>
		   $(document).ready(function() {
			   $('#btnGroupDrop1').click(function () {
				window.location = 'url1.php';
			});
				$('#btnGroupDrop2').click(function () {
					window.location = 'url2.php';
			   });
		   });
		</script>		
	</body>
</html>

-
Edité par d2v 25 mai 2017 à 19:55:56

Compteur js qui saute - conflit onload() ???

Compteur js qui saute - conflit onload() ???

Supprimer

Modérer

Signaler le message aux modérateurs