jquery时间倒计时案例

最新推荐文章于 2021-12-07 23:11:18 发布

开着拖拉机的梦想家

最新推荐文章于 2021-12-07 23:11:18 发布

阅读量514

点赞数

本文链接：https://blog.csdn.net/wu920604/article/details/78039507

版权

<script>
	   
	    //定义参数可返回当天的日期和时间  
	   var startTime = new Date();  
	    //调用设置年份  
	    startTime.setFullYear(2017, 10, 27);  
	    //调用设置指定的时间的小时字段  
	    startTime.setHours(23);  
	    //调用设置指定时间的分钟字段  
	    startTime.setMinutes(59);  
	    //调用设置指定时间的秒钟字段  
	    startTime.setSeconds(59);  
	    //调用置指定时间的毫秒字段  
	    startTime.setMilliseconds(999);  
	    //定义参数可返回距 1970 年 1 月 1 日之间的毫秒数  
	    var EndTime=startTime.getTime();  
	    //定义方法  
	    function GetRTime(){  
	        //定义参数可返回当天的日期和时间  
	        var NowTime = new Date();  
	        //定义参数 EndTime减去NowTime参数获得返回距 1970 年 1 月 1 日之间的毫秒数  
	        var nMS = EndTime - NowTime.getTime();  
	        //定义参数 获得天数  
	        var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));  
	        //定义参数 获得小时  
	        var nH = Math.floor(nMS/(1000*60*60)) % 24;  
	        //定义参数 获得分钟  
	        var nM = Math.floor(nMS/(1000*60)) % 60;  
	        //定义参数 获得秒钟  
	        var nS = Math.floor(nMS/1000) % 60;  
	        //如果秒钟大于0  
	        if (nMS < 0){  
	            //获得天数隐藏  
	            $("#dao").hide();  
	            //获得活动截止时间展开  
	            $("#daoend").show();  
	        //否则  
	        }else{  
	           //天数展开  
	           $("#dao").show();  
	           //活动截止时间隐藏  
	           $("#daoend").hide();  
	           //显示天数  
	           $("#RemainD").text(nD);  
	           //显示小时  
	           $("#RemainH").text(nH);  
	           //显示分钟  
	           $("#RemainM").text(nM);  
	           //显示秒钟  
	           $("#RemainS").text(nS);   
	        }  
	    }  
	      
	    //定义方法  
	    $(document).ready(function () {  
	        //定义参数 显示出GetRTime()方法 1000毫秒以后启动  
	        var timer_rt = window.setInterval("GetRTime()", 1000);  
	    });  
	   </script>













<body>
	<div class="timerbg">
		<div id="daoend" style="display: none;">本次活动已结束。</div>
		<div id="dao">
			<strong id="RemainD"></strong>天<strong id="RemainH"></strong>时<strong
				id="RemainM"></strong>分<strong id="RemainS"></strong>秒
		</div>
	</div>
</body>
</html>

开着拖拉机的梦想家

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery时间倒计时案例

//定义参数可返回当天的日期和时间 var startTime = new Date(); //调用设置年份 startTime.setFullYear(2017, 10, 27); //调用设置指定的时间的小时字段 startTime.setHours(23); //调用设置指定时间的分钟字段 sta
复制链接

扫一扫