Gegenwirkung für 404-Seite mit FlipClock js

Ich habe für meine 404-Seite wie http://flipclockjs.com/faces/counter Gegeneffekt verwenden, wobei jede Zahl bekommen sollte mehrmals drehen und dann auf 404 Nummer stoppenGegenwirkung für 404-Seite mit FlipClock js

Danke im Voraus

<script type="text/javascript"> 
 
    var clock; 
 
\t $(document).ready(function() { 
 
\t \t // Instantiate a counter 
 
\t \t clock = new FlipClock($('.clock'), 900, { 
 
\t \t \t clockFace: 'Counter', 
 
\t \t \t //autoStart: true, 
 
\t \t \t countdown: false, 
 
\t \t }); 
 
\t \t clock.setCountdown(true); 
 
\t \t clock.stop(function() { 
 
\t \t \t // this (optional) callback will fire after the clock stops 
 
\t \t \t clock.setTime(404); 
 
\t \t }); 
 
\t }); 
 
</script>

<link rel="stylesheet" href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script> \t \t

Quelle

2016-05-05 WebStarter

Was meinst du mit Flip mehrere Male? Welche Zahlen sollte es umdrehen? –

@Stacklearner: Ich muss die Nummer von 999 zu 404 – WebStarter

Schauen Sie sich diese: D

$(document).ready(function() { 
 
    // Instantiate a counter 
 
    var clock = $('.clock').FlipClock(390, { 
 
    clockFace: 'Counter' 
 
    }); 
 
var incrementer = 0; 
 
    setTimeout(function() { 
 
    setInterval(function() { 
 
     incrementer++; 
 
     clock.time.time =Math.floor(Math.random() * (404 - 100)) + 100; 
 
     if (incrementer == 20){ 
 
     clock.time.time = 403 
 
     } 
 
     if (incrementer <= 20){ 
 
     clock.increment(); 
 
     } 
 
     
 
     
 
    }, 600); 
 
    }); 
 
});

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <link rel="stylesheet" href="style.css"> 
 
    <link rel="stylesheet" href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css"> 
 

 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
    <script src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body> 
 
    <h1>Counter</h1> 
 
    <div class="clock"></div> 
 
</body> 
 

 
</html>

Quelle

2016-05-05 05:10:59 LazyDeveloper

flippen Aber die ganze Nummer sollte Flip und stoppen zu 404 – WebStarter

Skript aktualisiert, können Sie auf Run Code klicken und überprüfen – LazyDeveloper

Vielen Dank für Ihre Wiederholung, Nummer umgedreht, aber wenn 404 Nummer erscheint mit langsamer Geschwindigkeit – WebStarter

Gegenwirkung für 404-Seite mit FlipClock js

Antwort

Verwandte Themen