From 0f5825e65a9beba4ebb82ff7827d7030fb79fd9c Mon Sep 17 00:00:00 2001 From: JinweiClarkChao Date: Tue, 25 Aug 2015 23:36:32 +0800 Subject: fork https://jessfraz.com/ --- js/portfolio.js | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 js/portfolio.js (limited to 'js/portfolio.js') diff --git a/js/portfolio.js b/js/portfolio.js new file mode 100644 index 0000000..6feeeae --- /dev/null +++ b/js/portfolio.js @@ -0,0 +1,26 @@ +var sleep = function(ms, callback) { + setTimeout(function() { + callback() + }, ms) + }, + favthings = ["Python", "C programming", "raspberrypi", "Linux"], + removeClass = function(el, className) { + el.classList ? el.classList.remove(className) : el.className = el.className.replace(new RegExp("(^|\\b)" + className.split(" ").join("|") + "(\\b|$)", "gi"), " ") + }, + addClass = function(el, className) { + el.classList ? el.classList.add(className) : el.className += " " + className + }, + i = 0, + nextThing = function(thing) { + i < favthings.length - 1 ? i++ : i = 0, removeClass(thing, "slideInDown"), addClass(thing, "slideOutUp"), sleep(700, function() { + thing.innerHTML = favthings[i], removeClass(thing, "slideOutUp"), addClass(thing, "slideInDown") + }) + }; +document.addEventListener("DOMContentLoaded", function() { + var thing = document.querySelectorAll(".favthing")[0]; + setTimeout(function() { + nextThing(thing) + }, 1e3), setInterval(function() { + nextThing(thing) + }, 4e3) +}); -- cgit v1.2.3