jsはある年のある月のある日の距離が今何日あることを実現して、何分、何秒、動的に表示します!

3731 ワード

質問を簡単に説明します:1つの年月日の時分秒を与えて、ホームページの中で動態的に表示して、今日すでに何日があって、何時間、何分、何秒.
1.使用するこれらのjQueryファイルとjscexファイルはすべてネット上からダウンロードすることができて、ここではもう説明しません






2.ここではもう つ します.jsファイル、 で いたので、 しやすいです

var $win = $(window);
var clientWidth = $win.width();
var clientHeight = $win.height();

$(window).resize(function() {
    var newWidth = $win.width();
    var newHeight = $win.height();
    if (newWidth != clientWidth && newHeight != clientHeight) {
        location.replace(location);
    }
});

(function($) {
	$.fn.typewriter = function() {
		this.each(function() {
			var $ele = $(this), str = $ele.html(), progress = 0;
			$ele.html('');
			var timer = setInterval(function() {
				var current = str.substr(progress, 1);
				if (current == '', progress) + 1;
				} else {
					progress++;
				}
				$ele.html(str.substring(0, progress) + (progress & 1 ? '_' : ''));
				if (progress >= str.length) {
					clearInterval(timer);
				}
			}, 75);
		});
		return this;
	};
})(jQuery);

function timeElapse(date){
	var current = Date();
	var seconds = (Date.parse(current) - Date.parse(date)) / 1000;
	var days = Math.floor(seconds / (3600 * 24));
	seconds = seconds % (3600 * 24);
	var hours = Math.floor(seconds / 3600);
	if (hours < 10) {
		hours = "0" + hours;
	}
	seconds = seconds % 3600;
	var minutes = Math.floor(seconds / 60);
	if (minutes < 10) {
		minutes = "0" + minutes;
	}
	seconds = seconds % 60;
	if (seconds < 10) {
		seconds = "0" + seconds;
	}
	var result = "  " + days + "   " + hours + "    " + minutes + "    " + seconds + "  "; 
	$("#clock").html(result);
}

 3.    ,       ,       
   

    
……
var textAnimate = eval(Jscex.compile("async", function () { var together = new Date(); together.setFullYear(2014,10, 15); // , 0-11 together.setHours(0); // together.setMinutes(0); // together.setSeconds(0); // together.setMilliseconds(0); // $("#clock-box").fadeIn(500); while (true) { timeElapse(together); $await(Jscex.Async.sleep(1000)); } })); textAnimate().start();

4.何か分からないことがあったら、公式文書を直接調べて、「片手の靴」を履いてほしい.
楽しく勉強して、楽しくプログラミングします!