A javascript scheduler for banner publish.

scheduled-banner.html

<div class="mainSlides">
	<ul>
		<li data-start="2014/07/28 04:00" data-end="2014/07/30 23:00" 
		data-bg-image="/images/banner/2014-07/ramazan-bayrami.jpg" style="display:none;"><a href="#!"></a></li>
	</ul>
</div>

<script>
	var banners,
		date_now,
		date_start,
		date_end,
		bg_image;
		
	date_now = new Date();
	banners = document.querySelectorAll('.mainSlides li');
	for(var b in banners) {
		if(!(banners[b].hasAttribute('data-start')
		&& banners[b].hasAttribute('data-end'))) continue;
		date_start = new Date(banners[b].getAttribute('data-start'));
		date_end = new Date(banners[b].getAttribute('data-end'));
		bg_image = banners[b].getAttribute('data-bg-image');
		if( date_now > date_start
		&& date_now < date_end ) {
			banners[b].style.backgroundImage = 'url(' + bg_image + ')';
			banners[b].style.display = 'block';
		} else {
			//banners[b].style.display = 'none';
			banners[b].parentNode.removeChild(banners[b]);
		}
	}
</script>