https://city.kashima.ibaraki.jp/ssi/js/jibuntokei.js

1(function(jQuery) {
2jQuery.fn.jibunTokei = function(options) {
3	var options = jQuery.extend({}, jQuery.fn.jibunTokei.defaults, options);
4
5	function getImage(date) {
6		var minute = date.getMinutes();
7		if (minute < 10) {
8			minute = '0' + minute;
9		}
10	return options.dir + minute + '.' + options.ext;
11	}
12
13	function updateClock(obj) {
14		var date = new Date();
15		var image = getImage(date);
16
17		date.setTime(date.getTime() + 60 * 1000);
18		var nextImage = getImage(date);
19
20		obj.fadeOut(1000, function(){
21obj.html('<span class="cover" style="background-image: url(' + image + ')"></span><span class="cover" style="background-image: url(' + nextImage + ' ); display:none;"></span>').fadeIn(1000);
22
23		});
24
25		setTimeout(function(){updateClock(obj);},(60 - date.getSeconds()) * 1000);
26	}
27
28	return this.each(function(){
29		updateClock(jQuery(this));
30	});
31};
32
33jQuery.fn.jibunTokei.defaults = {
34	'dir' : '', // 画像ディレクトリのパス
35	'ext': 'jpg' // 画像の拡張子
36
37};
38
39})(jQuery);