Baylus.com » My Work

Convert Milliseconds into digital time [ 00:00 ]

admin — Sat, 12 Mar 2011 04:47:34 +0000

JavaScript works with time in milliseconds, which is less than convenient when you want to present time back to your users. Here’s a little function that can help you convert milliseconds into a more human readable digital clock style string.

Properties

The function will return a object which contain the properties

var obj = convertMilliseconds(3661000);
obj.hours //–> 1 hour
obj.minuets    //–> 1 min
obj.seconds    //–> 1 sec
obj.clock        //–> “01:01:01″

Usage

convertMilliseconds accepts two arguments

milliseconds: number of milliseconds to convert ex: 1000 type: number

pattern: formats the returned value of clock property ex: hh:mm:ss or ss:mm:h or ss:mm etc. type: string

A few more examples of convertMilliseconds(milliseconds, pattern);

convertMilliseconds(3661000);
convertMilliseconds(3661000, “hh:mm:ss”);
convertMilliseconds(3661000, “mm:hh:ss”);
convertMilliseconds(3661000, “ss:mm:hh”);
convertMilliseconds(3661000, “mm:ss”);
convertMilliseconds(3661000, “ss”);
convertMilliseconds(3661000, “h:m:s”);
convertMilliseconds(3661000, “m:s”);
convertMilliseconds(3661000, “s”);

Gist

/**
 * Convert milliseconds in regular style time
 * @author Asa Baylus
 **/

function convertMilliseconds (ms, p) {

        var pattern = p || "hh:mm:ss",
			arrayPattern = pattern.split(":"),
			clock = [ ],
			hours = Math.floor ( ms / 3600000 ), // 1 Hour = 36000 Milliseconds
			minuets = Math.floor (( ms % 3600000) / 60000), // 1 Minutes = 60000 Milliseconds
			seconds = Math.floor ((( ms % 360000) % 60000) / 1000) // 1 Second = 1000 Milliseconds



		// build the clock result
		function createClock(unit){


		// match the pattern to the corresponding variable
		if (pattern.match(unit)) {
			if (unit.match(/h/)) {
				addUnitToClock(hours, unit);
			}
			if (unit.match(/m/)) {
				addUnitToClock(minuets, unit);
			}
			if (unit.match(/s/)) {
				addUnitToClock(seconds, unit);
			};
			}
		}

		function addUnitToClock(val, unit){

			if ( val < 10 && unit.length === 2) {
				val = "0" + val;
			}

			clock.push(val); // push the values into the clock array

		}


		// loop over the pattern building out the clock result
		for ( var i = 0, j = arrayPattern.length; i < j; i ++ ){

			createClock(arrayPattern[i]);

		}

		return {
			hours : hours,
			minuets : minuets,
			seconds : seconds,
			clock : clock.join(":")
		};

}

            view raw
            convert-milliseconds.js
            This Gist brought to you by GitHub.
          

Why I’m developing with Yahoo Astra

admin — Sat, 06 Jun 2009 00:18:17 +0000

Yahoo Astra is Yahoo’s answer to the components that are missing from flash, such as: tree menu, alert windows, carousel, charts, auto suggest, menu, menu bar, tab bar and layout managers.

Many of these elements can be found in ~~Flex~~ Flash Builder, but that won’t do you much good if you are developing in the flash IDE.

I’m using these components in a few projects I’m working on at ACS. By using Astra I’m getting the not insignificant benefit of standing on the shoulders of some very smart and accomplished programmers. Yahoo Astra components have numerous features which accommodate most common situtations and the components can of course be extended to fit your sites specific needs.

You can find Yahoo Astra at: http://developer.yahoo.com/flash/astra-flash/

There seems to be a lot going on with flash this past week. Adobe has posted Flash Builder 4 on labs along with Flash Catalyst aka Thermo. This is seems like a good time to check out labs.adobe.com

Hello World!

admin — Mon, 20 Apr 2009 18:41:48 +0000

Hello and welcome to my site, which represents highlights from my past 10 years of work as a graphic designer and art director. During my time in the industry, I’ve been fortunate to work as a designer and developer for – and with – some great people.

My designs are clearly informed by my background in fine art – I spent most of my formal education sketching, painting, sculpting, and of course, doodling. Upon occasion, I even did these things in Legitimate Art Classes (as opposed to, say, Geology or Psychology classes, where impromptu design – particularly large-scale sculpture – was woefully underappreciated). In 1998 I started working as a freelance web designer in the emerging internet. I’ve had the chance to work with some truly talented people and continue to enjoy the personal connections this career affords me – artists and programmers whose work and passion I respect, and the gifted managers of people and resources who make this work possible. In my varied career, I have appreciated the unique challenges of novelty, and have consequently worked in a broad range of settings and with a diverse client base, from my ground-up work as the number two man in a design-house start-up to large, established organizations catering to millions from all across the globe.

What do I do now?

I’m currently a salaried consultant with Comsys, presently deployed as the consulting Art Director for the American Chemical Society, Web Strategy and Operations department. This means I lead a team of exceptionally talented individuals with whom I collaborate, creating new and better websites to meet the needs of this large and diverse organization.

On a day-to-day basis I am responsible for overseeing the design and art direction of ACS.org websites, including the recently launched Member Network, a social networking site that now claims greater than 30,000 members. Though projects of this size necessarily require me to delegate many tasks to my highly-skilled team of designers, I continue to maintain a hands-on role in the design and production of these and other projects.

-A

ACS Release 2 designs approved

admin — Mon, 20 Apr 2009 10:47:42 +0000

Working with the creative professionals at the American Chemical Society has been a pleasure. Recently the ACS embarked on a new branding campaign developed by Gyro International. I am pleased to have had the opportunity to develop the web initiative. On the right I’ve posted a conceptual mock-up developed for the ACS.org home page.

Sample Websites

admin — Mon, 20 Apr 2009 10:43:16 +0000

The following URL’s represent a few samples of my work. I will make more samples available as time permits. If you are prompted for a password and would like to see more please feel free to contact me and I will arrange for a private viewing.

ACS Network: http://www.acs.org/network
Solana Business Forum: http://www.solanabusinessforum.com
Sacred Spaces Inc: http://www.sacredspacesinc.com
The Virtual Smithsonian: http://2k.si.edu
US Sedan: http://www.ussedan.com