Heim > Web-Frontend > js-Tutorial > JavaScript implementiert den Countdown-Exit für Seiten ohne Vorgang

JavaScript implementiert den Countdown-Exit für Seiten ohne Vorgang

高洛峰
Freigeben: 2016-12-09 13:26:02
Original
1471 Leute haben es durchsucht

Die Front-End-Seite des Projekts muss implementiert werden. Wenn niemand die Seite betreibt, wird der Countdown gestartet.

//设置(倒计时功能)开关
var _mouseActiveListener_flag = true;
Nach dem Login kopieren

Vorherzählung: Countdown-Intervall auslösen (Einheit: Millisekunden)

Anzahl: Gesamtcountdown (Einheit: Sekunden)

var mouseActiveListener = function (beforecount, count, callback) {
 //config
var __countdown_html = &#39;<div id="__tt" style="position:fixed;top:110px;right:10px;z-index:1000;color:#eee;font-size:25px;"></div>&#39;;
 //define
 var target = null, _t = null, _tc = null;
var target_countdown = function (__count) {
  if (__count >= 0) {
  target.innerHTML = __count + &#39;秒后退出&#39;;
  _tc = setTimeout(function () {
   target_countdown(__count);
  }, 1000);
  } else {
  callback();
  }
  __count--;
 }, _t_exec = function () {
  return setTimeout(function () {
  if (_mouseActiveListener_flag) {
   target = Ne.dom.createEl(__countdown_html);
   document.body.appendChild(target);
   target_countdown(count);
  }
  }, beforecount);
 }, _t_clear = function () {
  clearTimeout(_t);
  clearTimeout(_tc);
  //target.parentElement.removeChild(target);
  $(target).remove();
  target = null;
 };
 //exec
 _t = _t_exec();
 document.addEventListener(&#39;click&#39;, function () {
  _t_clear();
  _t = _t_exec();
 });
 };
Nach dem Login kopieren

 

//后置操作,解释:在5秒后(5000)不操作的状态下触发倒计时,倒计时180秒,具体看View Code里面的函数。
mouseActiveListener(5000, 180, function () {
 window.location.href = "/Home/Index";
 });
Nach dem Login kopieren

 


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage