Days
" document.getElementById("hours").innerHTML = hours + "Hours
" document.getElementById("mins").innerHTML = minutes + "Mins
" document.getElementById("secs").innerHTML = seconds + "Secs
" // Display the message when countdown is over if (timeleft < 0) { clearInterval(myfunc); document.getElementById("days").innerHTML = "" document.getElementById("hours").innerHTML = "" document.getElementById("mins").innerHTML = "" document.getElementById("secs").innerHTML = "" document.getElementById("end").innerHTML = "00:00:00:00"; } }, 1000); } } catch (err) { } //=========================================// /*/* 04) Maintenance js */ //=========================================// try { if(document.getElementById("maintenance")){ var seconds = 3599; function secondPassed() { var minutes = Math.round((seconds - 30) / 60); var remainingSeconds = seconds % 60; if (remainingSeconds < 10) { remainingSeconds = "0" + remainingSeconds; } document.getElementById('maintenance').innerHTML = minutes + ":" + remainingSeconds; if (seconds == 0) { clearInterval(countdownTimer); document.getElementById('maintenance').innerHTML = "Buzz Buzz"; } else { seconds--; } } var countdownTimer = setInterval('secondPassed()', 1000); } } catch (err) { } //=========================================// /*/* 05) Data Counter */ //=========================================// try { const counter = document.querySelectorAll('.counter-value'); const speed = 2500; // The lower the slower counter.forEach(counter_value => { const updateCount = () => { const target = +counter_value.getAttribute('data-target'); const count = +counter_value.innerText; // Lower inc to slow and higher to slow var inc = target / speed; if (inc < 1) { inc = 1; } // Check if target is reached if (count < target) { // Add inc to count and output in counter_value counter_value.innerText = (count + inc).toFixed(0); // Call function every ms setTimeout(updateCount, 1); } else { counter_value.innerText = target; } }; updateCount(); }); } catch (err) { } //=========================================// /*/* 06) Datepicker js*/ //=========================================// try { const start = datepicker('.start', { id: 1 }) const end = datepicker('.end', { id: 1 }) } catch (err) { } //=========================================// /*/* 07) Gallery filter js */ //=========================================// try { var Shuffle = window.Shuffle; class Demo { constructor(element) { if(element){ this.element = element; this.shuffle = new Shuffle(element, { itemSelector: '.picture-item', sizer: element.querySelector('.my-sizer-element'), }); // Log events. this.addShuffleEventListeners(); this._activeFilters = []; this.addFilterButtons(); } } /** * Shuffle uses the CustomEvent constructor to dispatch events. You can listen * for them like you normally would (with jQuery for example). */ addShuffleEventListeners() { this.shuffle.on(Shuffle.EventType.LAYOUT, (data) => { console.log('layout. data:', data); }); this.shuffle.on(Shuffle.EventType.REMOVED, (data) => { console.log('removed. data:', data); }); } addFilterButtons() { const options = document.querySelector('.filter-options'); if (!options) { return; } const filterButtons = Array.from(options.children); const onClick = this._handleFilterClick.bind(this); filterButtons.forEach((button) => { button.addEventListener('click', onClick, false); }); } _handleFilterClick(evt) { const btn = evt.currentTarget; const isActive = btn.classList.contains('active'); const btnGroup = btn.getAttribute('data-group'); this._removeActiveClassFromChildren(btn.parentNode); let filterGroup; if (isActive) { btn.classList.remove('active'); filterGroup = Shuffle.ALL_ITEMS; } else { btn.classList.add('active'); filterGroup = btnGroup; } this.shuffle.filter(filterGroup); } _removeActiveClassFromChildren(parent) { const { children } = parent; for (let i = children.length - 1; i >= 0; i--) { children[i].classList.remove('active'); } } } document.addEventListener('DOMContentLoaded', () => { window.demo = new Demo(document.getElementById('grid')); }); } catch (err) { } //=========================================// /*/* 08) Tobii lightbox */ //=========================================// try { const tobii = new Tobii() } catch (err) { } //=========================================// /*/* 09) CK Editor */ //=========================================// try { ClassicEditor .create(document.querySelector('#editor')) .catch(error => { console.error(error); }); } catch(err) { } //=========================================// /*/* 10) Fade Animation */ //=========================================// try { AOS.init({ easing: 'ease-in-out-sine', duration: 1000 }); } catch (err) { } //=========================================// /*/* 11) Typed Text animation (animation) */ //=========================================// try { var TxtType = function (el, toRotate, period) { this.toRotate = toRotate; this.el = el; this.loopNum = 0; this.period = parseInt(period, 10) || 2000; this.txt = ''; this.tick(); this.isDeleting = false; }; TxtType.prototype.tick = function () { var i = this.loopNum % this.toRotate.length; var fullTxt = this.toRotate[i]; if (this.isDeleting) { this.txt = fullTxt.substring(0, this.txt.length - 1); } else { this.txt = fullTxt.substring(0, this.txt.length + 1); } this.el.innerHTML = '' + this.txt + ''; var that = this; var delta = 200 - Math.random() * 100; if (this.isDeleting) { delta /= 2; } if (!this.isDeleting && this.txt === fullTxt) { delta = this.period; this.isDeleting = true; } else if (this.isDeleting && this.txt === '') { this.isDeleting = false; this.loopNum++; delta = 500; } setTimeout(function () { that.tick(); }, delta); }; function typewrite() { if (toRotate === 'undefined') { changeText() } else var elements = document.getElementsByClassName('typewrite'); for (var i = 0; i < elements.length; i++) { var toRotate = elements[i].getAttribute('data-type'); var period = elements[i].getAttribute('data-period'); if (toRotate) { new TxtType(elements[i], JSON.parse(toRotate), period); } } // INJECT CSS var css = document.createElement("style"); css.type = "text/css"; css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid transparent}"; document.body.appendChild(css); }; window.onload(typewrite()); } catch(err) { } //=========================================// /*/* 12) Validation Shop Checkouts */ //=========================================// (function () { 'use strict' if(document.getElementsByClassName('needs-validation').length > 0) { // Fetch all the forms we want to apply custom Bootstrap validation styles to var forms = document.querySelectorAll('.needs-validation') // Loop over them and prevent submission Array.prototype.slice.call(forms) .forEach(function (form) { form.addEventListener('submit', function (event) { if (!form.checkValidity()) { event.preventDefault() event.stopPropagation() } form.classList.add('was-validated') }, false) }) } })() //=========================================// /*/* 13) Switcher Pricing Plans */ //=========================================// try { var e = document.getElementById("filt-monthly"), d = document.getElementById("filt-yearly"), t = document.getElementById("switcher"), m = document.getElementById("monthly"), y = document.getElementById("yearly"); e.addEventListener("click", function(){ t.checked = false; e.classList.add("toggler--is-active"); d.classList.remove("toggler--is-active"); m.classList.remove("hide"); y.classList.add("hide"); }); d.addEventListener("click", function(){ t.checked = true; d.classList.add("toggler--is-active"); e.classList.remove("toggler--is-active"); m.classList.add("hide"); y.classList.remove("hide"); }); t.addEventListener("click", function(){ d.classList.toggle("toggler--is-active"); e.classList.toggle("toggler--is-active"); m.classList.toggle("hide"); y.classList.toggle("hide"); }) } catch(err) { }