实现网页底部固定长条背景

实现网页底部固定长条背景

body{
				height: 2000px;
				background-image:url(img/A64F1C8B363ACFC3FEF6995FC6777D61.jpg);
				/*背景图片*/
				background-repeat: repeat-x;
				/*背景图片重复*/
				background-position: left bottom;
				/*背景图片的位置,分为水平和垂直2个方向*/
				background-attachment: fixed;
				/*背景的固定*/
			}

前景固定

.back{
				position:fixed;
				right: 20px;
				bottom: 20px;
			}

实现倒计时效果

<div class="clock">
			
		</div>
		<script type="text/javascript">
			window.onload=time
			var num=15
			
			
			function time(){
				var clock=document.querySelector(".clock")
				if(num>0){
					num=num-1
					clock.innerHTML="将在"+num+"秒后页面刷新"
				}else{
					num=15
					clock.innerHTML="将在"+num+"秒后页面刷新"
				}
				
				setTimeout('time()',1000)
			}
			
		</script>
	</body>