Progress bar component js code
СТОРІНКА ШАБЛОНУ
Це сторінка шаблону, який використовується у цієї Wiki.
Будь ласка, не редагуйте цю сторінку
без дозволу адміністрації сайту
functiongetBar(progress){varbar = BAR_TEXT + ' ['; varstage = Math.ceil(progress * STAGE_RATIO); for(vari = 1; i <= BAR_WIDTH; i++){if(stage >= i){bar += '='; }else{bar += ' '; }}bar += '] '; if(progress === 100){bar += COMPLETE_TEXT; }else{if(progress < 10){bar += ' '}bar += progress + '%'; }returnbar; }document.addEventListener('DOMContentLoaded', function(){varbarElem = document.querySelector('.bar'); varcontentElem = document.querySelector('.content'); varinitButton = document.querySelector('.init-button'); varloadingText = document.querySelector('.loading-text'); initButton.innerHTML = BUTTON_TEXT; functiononFinish(){contentElem.style.display = 'block'; if(HIDE_BAR_AFTER_FINISH){barElem.style.display = 'none'; }}varinitialTick = true; varonClickInit = function(){if(HIDE_BUTTON_AFTER_INIT){initButton.style.display = 'none'; }else{initButton.innerHTML = BUTTON_TEXT_AFTER_INIT; initButton.removeEventListener('click', onClickInit); initButton.style.color = '#000'; }if(LOADING_TEXT){loadingText.style.display = 'block'; loadingText.innerHTML = LOADING_TEXT; }varprogress = 0; vartick = function(){barElem.innerHTML = getBar(progress); progress += PROGRESS_STEP; requestAnimationFrame(function(){if(progress <= 100){setTimeout(tick, initialTick ? INITIAL_TICK_TIMEOUT : TICK_INTERVAL); initialTick = false; }else{barElem.innerHTML = getBar(100); onFinish(); }}); }; tick(); }; initButton.addEventListener('click', onClickInit); });
версія сторінки: 1, останнє редагування: 07 May 2017 09:48