Os exemplos deste artigo compartilham dois efeitos de contagem regressiva para sua referência. O conteúdo específico é o seguinte
Imagem de reprodução:
1. Efeito de contagem regressiva
<! Doctype html> <html> <head> <meta charset = "utf-8"/> <title> contagemdown </title> <link rel = "Stylesheet" href = "css/common.css" type = "text/css" "utf-8"/> <estilo "; preenchimento: 0;} .dtime {margin: 10px;} .dtime span {color:#c30;} </style> </head> <body> <div id = "a1"> </div> <div id = "a2"> </div> <d id = "a3"> </div a "</" </2 "> <Cript> função tbdtimeCountDown (args) {// função de contagem regressiva var ele = document.getElementById (args.id); var de todos os tempos = args.ltime; var arr = []; var T = Math.Floor (All Time/(24*60*60)); var yt =%de tempo de todos os tempos (24*60*60); var s = math.floor (yt/(60*60)); var ys = yt%(60*60); var f = math.floor (ys/(60)); var yf = ys%(60); var m = yf; arr [0] = [t, "dia"]; arr [1] = [S, "Hour"]; arr [2] = [f, "minuto"]; arr [3] = [M, "Segunda End"]; var s = CE (arr, 0); ele.innerhtml = s; var dong; Dong = setInterval (function () {All Time- = 1; if (de todos os tempos <= 0) {ClearInterval (dong); ele.innerhtml = "<span> 0 </span> Segunda"; args.end ();} else {t = math.floor (60*60*60)); S = Math.Floor (YT/60*60); s = CE (arr, 0); função ce (arr, sta) {var i = sta; if (i <arr.length) {if (arr [i] [0]! = 0) {var s = ""; for (var j = i; j <arr.length; j ++) {s+= "<pan>"+arr [j] [0]+"</span>"+arr [j] [1]; }; retorno s; } else {return ce (arr, i+1); }; }; }; }; }; }; }; }; // Countdown end // Efeito 1 // 86402 3602 62 TBDTIMECOUNTDOWN ({ID: "A1", // contém contêineres de contagem regressiva a tempo todo: 3; // Efeito 2 tbdtimeCountDown ({id: "a2", // contém contêiner de contagem regressiva a tempo todo: 62, // Total de contagem regressiva final final: function () {// End de contagem regressiva, o tempo 0 é a função chamada},}); // Efeito 3 tbdtimeCountDown ({id: "a3", // contém contêiner de contagem regressiva a tempo todo: 3602, // Total de contagem regressiva final final: function () {// End de contagem regressiva, o tempo 0 é a função chamada},}); // efeito 4 tbdtimeCountDown ({id: "a4", // contém contêiner de contagem regressiva a tempo todo: 86402,/Total Countdown Seconds End: function () {// END Countdown, o tempo 0 é a função chamada},}); // efeito 4 tbdtimeCountDown ({id: "a4", // contém contêiner de contagem regressiva a tempo todo: 86402,/Total Countdown Seconds End: function () {// END Countdown, o tempo 0 é a função chamada},}); // efeito 4 tbdtimeCountDown ({id: "a4", // contém contêiner de contagem regressiva a tempo todo: 86402,/Total Countdown Seconds End: function () {// END Countdown, o tempo 0 é a função chamada},}); // Efeito 4 tbdtimeCountDown ({id: "a5", // contém contêiner de contagem regressiva a tempo todo: 154789, // Total de contagem regressiva Segundos final: function () {// O final da contagem regressiva, o tempo 0 é a função chamada},}); </script> </html>2. Contagem regressiva 2.html
<! Doctype html> <html> <head> <meta charset = "utf-8"/> <title> contagemdown </title> <link rel = "Stylesheet" href = "css/common.css" type = "text/css" "utf-8"/> <estilo "; preenchimento: 0;} .dtime {margin: 10px;} .dtime span {color:#c30;} </style> </head> <body> <div id = "a1" AllTime = "3"> </div> <div ID = "A2" AllTime = "62"> </div> <d id = "a3" OLL = "A2" AllTime = "62"> </div> <d id = "A3" OLL = "A2" AllTime = "62"> <// AllTime = "48605"> </div> <div id = "a5" AllTime = "123456"> </div> </body> <cript> função tbdtimecountdown (args) {// função de contagem regressiva var ele = document.getElementById (args.id); var de todos os tempos = número (ele.getAttribute (args.alltime)); var arr = []; var T = Math.Floor (All Time/(24*60*60)); var yt =%de tempo de todos os tempos (24*60*60); var s = math.floor (yt/(60*60)); var ys = yt%(60*60); var f = math.floor (ys/(60)); var yf = ys%(60); var m = yf; arr [0] = [t, "dia"]; arr [1] = [S, "Hour"]; arr [2] = [f, "minuto"]; arr [3] = [M, "Segunda End"]; var s = CE (arr, 0); ele.innerhtml = s; var dong; dong = setInterval (function () {AllTime- = 1; ele.setAtattribute (args.ltime, todos os tempos); if (de todos os tempos <= 0) {clearInterval (dong); ele.innerhtml = "<span> 0 </span> segundos"; args.end ();} mais {t = math.floor (TOLLA (TOLLE) YT = All -Time%(24*60); arr [3] = [M, "Segunda Endidade"]; função ce (arr, sta) {var i = sta; if (i <arr.length) {if (arr [i] [0]! = 0) {var s = ""; for (var j = i; j <arr.length; j ++) {s+= "<pan>"+arr [j] [0]+"</span>"+arr [j] [1]; }; retorno s; } else {return ce (arr, i+1); }; }; }; }; }; }; }; // contagem regressiva END // Efeito 1 // 86402 3602 62 TBDTIMECOUNTDOWN ({ID: "A1", // contém o contêiner de contagem regressiva a tempo todo: "All Thilt Time", // Total Countdown Seconds End: Function () {// End Countdown, Time 0 é chamado ALERTO ("O final da contagem regressiva será executado! // Efeito 2 tbdtimeCountdown ({id: "a2", // contém o contêiner de contagem regressiva a tempo todo: "All Hourty", // Total Countdown Seconds End: function () {// END Countdown, o tempo 0 é o chamado function},}); // Efeito 3 tbdtimeCountDown ({id: "a3", // contém contêiner de contagem regressiva a tempo todo: "todos os tempos", // Total Countdown Seconds End: function () {// End Countdown, o tempo 0 é a função chamada},}); // Efeito 4 tbdtimeCountDown ({id: "a4", // contém contêiner de contagem regressiva a tempo todo: "All Hourty", // Total Countdown Seconds End: function () {// END Countdown, o tempo 0 é a função chamada},}); // Efeito 4 tbdtimeCountDown ({id: "a5", // contém contêiner de contagem regressiva a tempo todo: "todos os tempos", // Total Countdown Seconds End: function () {// End Countdown, o tempo 0 é a função chamada},}); </script> </html>Você pode se referir ao tópico especial "Resumo da função da contagem regressiva JS" para um estudo aprofundado.
O exposto acima é tudo sobre este artigo, e espero que seja útil que todos aprendam programação de JavaScript.