html动画部分

鼠标悬浮动画效果，实现一个国庆的倒计时：

看下效果：

标题

 

	
		
		
		
				
	

	
		

			

				
				
天
					小时
					分钟
					秒
			
		
	

js部分（这也是一个国庆倒计时的写法）

思路很简单，用国庆的时间减去当前时间，用Math.floor取整，

time/(1000*60*60)%24

1000*60*60就是一个小时，我们如果用time的时间除以小时，再除以一个的24小时，它的余数就是今天剩下的小时，以此类推

function timeover() {
	var National_Day = new Date("2018-10-01 00:00:00");
	var current_time = new Date();
	var time = National_Day.getTime() - current_time.getTime();
	console.info(National_Day + "+++++++" + current_time)
	console.info(time)
	var day = document.getElementById("day");
	day.innerHTML = Math.floor(time / (1000 * 60 * 60 * 24));
	var hours = document.getElementById("Hours");
	hours.innerHTML = Math.floor(time / 1000 / 60 / 60 % 24);
	var Minutes = document.getElementById("Minutes");
	Minutes.innerHTML = Math.floor((time / 1000 / 60) % 60)
	var Seconds = document.getElementById("Seconds");
	Seconds.innerHTML = Math.floor((time / 1000) % 60);
}
setInterval(timeover, 1000);