🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Opening Times is a jQuery plugin that shows you to show your business information (open or closed) depending on the opening hours you specify in the JavaScript.

Business-Hours

Documentation

Opening Times jQuery Plugin

a jQuery plugin to show when your business or organisation is open.

Let people know if your shop is open for business. Fill in your opening times and a different message will appear to visitors of your site, depending on whether you are currently open or not.

Usage

  1. Include jQuery:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  2. Include plugin's code:

    <script src="dist/openingTimes.jquery.min.js"></script>
  3. Call the plugin:

    $('#open_or_closed').openingTimes({ 	openingTimes: { 		'Monday'    : ['08:00' , '17:00' ], 		'Tuesday'   : ['08:00' , '17:30' ], 		'Wednesday' : ['08:00' , '17:00' ], 		'Thursday'  : ['08:00' , '17:00' ], 		'Friday'    : ['09:00' , '16:30' ], 		'Saturday'  : ['09:00' , '12:00' ], 		'Sunday'    : ['09:00' , '12:00' ] 	}, 	openString: "open",  // text to appear when shop is open 	closedString: "closed", // text to appear when shop is closed 	openClass: "openClass",  // class name added to element when shop is open 	closedClass: "closedClass"  // class name added to element when shop is closed });
  4. Write the HTML

    <p>We are <span id="open_or_closed">...</span>.</p>

Days of the week should be written in full, in English. If you are closed for the whole day, just remove that day from the openingTimes parameter. e.g.

	$('#open_or_closed').openingTimes({ 		openingTimes: { 			'Monday'    : ['08:00' , '17:00' ], 			'Friday'   : ['08:00' , '17:00' ] 		} 	});

If you are open for the whole 24 hours, set the day as true. e.g.

	$('#open_or_closed').openingTimes({ 		openingTimes: { 			'Saturday' : true, 			'Sunday'   : true 		} 	});

You May Also Like