网页倒计时制作

网页倒计时制作

css:

body{
			user-select:none;
		}
		#hh,#hh1{
			font-size: 50px;
			text-align: center;
		}

内容:

	<h1 id="hh"></h1>
	<h1 id="hh1"></h1>

JS:

function station(x,y,z,bool){
			var now = Date.now(),
				end = new Date(x,y-1,z),
				ends = end.getTime();
			if(bool)
				var ss = ends - now;
			else
				var ss = now - ends;
			var s = Math.floor(ss/1000);
			var day = Math.floor(s / 60 / 60 / 24);
			var hours = Math.floor(s / 60 / 60 % 24);
			var min = Math.floor(s / 60 % 60 );
			var sec = Math.floor(s % 60 );
			if(bool){
				var html = "距离元旦还有"+day+"天"+hours+"时"+min+"分"+sec+"秒";
				hh.innerHTML = html;
			}
			else{
				var html = "距离暑假回校已有"+day+"天"+hours+"时"+min+"分"+sec+"秒";
				hh1.innerHTML = html;
			}
		}
		station(2019,01,01,true);
		setInterval(function(){
			station(2019,01,01,true);
		},1000);
		station(2018,9,10,false);
		setInterval(function(){
			station(2018,9,10,false);
		},1000);

结果:
在这里插入图片描述

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值