Примеры в этой статье имеют два эффекта обратного отсчета для вашей ссылки. Конкретный контент заключается в следующем
Изображение воспроизведения:
1. Эффект обратного отсчета
<! Doctype html> <html> <head> <meta charset = "utf-8"/> <title> обратный отсчет </title> <link rel = "stylesshiet" href = "css/common.css" type = "text/css" charset = "utf-8"/> <style-type = "text/css"> *{harge = "; padding:0;} .dtime{ margin:10px;} .dtime span{ color:#C30;} </style> </head> <body> <div id="a1"></div> <div id="a2"></div> <div id="a3"></div> <div id="a4"></div> <div id="a5"></div> </body> <script> function tbdtimecountdown (args) {// function function var ele = document.getelementbyid (args.id); var Alltime = args.alltime; var arr = []; var t = math.floor (все время/(24*60*60)); var yt = все время%(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, "day"]; arr [1] = [s, "час"]; arr [2] = [f, "минута"]; arr [3] = [m, "второй конец"]; var s = ce (arr, 0); ele.innerhtml = s; var dong; dong = setInterval (function () {AllTime- = 1; if (AllTime <= 0) {clearInterval (dong); ele.innerhtml = "<pan> 0 </span> второй"; args.end ();} else {t = math.floor (все время/(24*60*60)); yt = alltime%(24*60); s = floor (yt/(60*60); S = CE (ARR, 0); функция 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]; }; возврат S; } else {return ce (arr, i+1); }; }; }; }; }; }; }; }; // countdown end // эффект 1 // 86402 3602 62 tbdtimecountdown ({id: "a1", // Содержит контейнер обратного отсчета. // эффект 2 tbdtimecountdown ({id: "a2", // содержит контейнер обратного отсчета. // эффект 3 tbdtimecountdown ({id: "a3", // содержит контейнер обратного отсчета. // эффект 4 tbdtimecountdown ({id: "a4", // содержит контейнер обратного отсчета все время: 86402,/общий отсчет секунды End: function () {// end countdown, время 0 - это функция},}); // эффект 4 tbdtimecountdown ({id: "a4", // содержит контейнер обратного отсчета все время: 86402,/общий отсчет секунды End: function () {// end countdown, время 0 - это функция},}); // эффект 4 tbdtimecountdown ({id: "a4", // содержит контейнер обратного отсчета все время: 86402,/общий отсчет секунды End: function () {// end countdown, время 0 - это функция},}); // эффект 4 tbdtimecountdown ({id: "a5", // содержит контейнер обратного отсчета все время: 154789, // общее количество сборов с обратным отсчета </script> </html>2. Обратный отсчет 2.HTML
<! Doctype html> <html> <head> <meta charset = "utf-8"/> <title> обратный отсчет </title> <link rel = "stylesshiet" href = "css/common.css" type = "text/css" charset = "utf-8"/> <style-type = "text/css"> *{harge = "; Padding: 0;} .dtime {margin: 10px;} .dtime span {color:#c30;} </style> </head> <body> <div id = "a1" alltime = "3"> </div> <div id = "a2" alltime = "62"> </div> <div = "a3" alltime = "360"> </div> </div> </div> </div> </div> ". AllTime = "48605"> </div> <div id = "a5" alltime = "123456"> </div> </body> <script> function tbdtimecountdown (args) {// Функция обратного отсчета vare ele = document.getelementbyid (args.id); var alltime = number (ele.getattribute (args.alltime)); var arr = []; var t = math.floor (все время/(24*60*60)); var yt = все время%(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, "day"]; arr [1] = [s, "час"]; arr [2] = [f, "минута"]; arr [3] = [m, "второй конец"]; var s = ce (arr, 0); ele.innerhtml = s; var dong; dong = setInterval (function () {alltime- = 1; ele.setattribute (args.alltime, alltime); if (Alltime <= 0) {clearInterval (dong); ele.innerhtml = "<pan> 0 </span> секунды"; args.end ();} else {t = math.fl (AllLime/(24*60*60); yt = ровно (24*60*60); arr [3] = [m, "второй конец"]; функция 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]; }; возврат S; } else {return ce (arr, i+1); }; }; }; }; }; }; }; // countdown end // эффект 1 // 86402 3602 62 tbdtimecountdown ({id: "a1", // содержит контейнер обратного отсчета все время: "Все время", // общее количество обратного отсчета // эффект 2 tbdtimecountdown ({id: "a2", // содержит контейнер обратного отсчета AllTime: "AllTime", // общее отсчет секунды End: function () {// end countdown, время 0 - это функция вызываемой},}); // эффект 3 tbdtimecountdown ({id: "a3", // содержит контейнер обратного отсчета все время: "Alltime", // общее отсчет секунды End: function () {// end countdown, время 0 - это функция},}); // эффект 4 tbdtimecountdown ({id: "a4", // содержит контейнер обратного отсчета все время: "Alltime", // Общее отсчет секунды End: function () {// end countdown, время 0 - это функция},}); // эффект 4 tbdtimecountdown ({id: "a5", // содержит контейнер обратного отсчета AllTime: "AllTime", // Общее отсчет с отсчета </script> </html>Вы можете ссылаться на специальную тему «Сводка обратной связи JS для углубленного исследования.
Выше приведено все об этой статье, и я надеюсь, что для всех будет полезно изучить программирование JavaScript.