IT基地
用户登陆
我要注册
用户名或密码错误
登 陆
注 册
IT基地 >Mr.Li的博客 >我要发文
Jq实现倒计时功能
作者:Mr.Li   发布时间:2019-06-21 13:37:37   点击数:167

传递结束时间即可实现倒计时

show_time();
function show_time(){
    var time_start = new Date().getTime(); //设定当前时间
    var time_end =  new Date("2019-06-21 13:36:00").getTime(); //设定目标时间
	if(time_start>=time_end){
		$(".hd-bosp").html('00:00:00'); // 显示时间
	}else{
		// 计算时间差
		var time_distance = time_end - time_start;
		// 天
		var int_day = Math.floor(time_distance/86400000) 
		time_distance -= int_day * 86400000;
		// 时
		var int_hour = Math.floor(time_distance/3600000) 
		time_distance -= int_hour * 3600000; 
		// 分
		var int_minute = Math.floor(time_distance/60000) 
		time_distance -= int_minute * 60000; 
		// 秒 
		var int_second = Math.floor(time_distance/1000)
		// 时分秒为单数时、前面加零 
		if(int_day < 10){ 
			int_day = "0" + int_day; 
		} 
		if(int_hour < 10){ 
			int_hour = "0" + int_hour; 
		} 
		if(int_minute < 10){ 
			int_minute = "0" + int_minute; 
		} 
		if(int_second < 10){
			int_second = "0" + int_second; 
		}
		$(".hd-bosp").html(int_day+'天'+int_hour+':'+int_minute+':'+int_second); // 显示时间
		setTimeout("show_time()",1000);
	}
}


本站部分数据来自软件的自动采集,仅用于学习交流,决不用于商用,如有侵犯您的合法权益,请联系我们删除。
发表技术文档,,记录个人生活,聚集意见领袖,众多IT精英,以我们的技术让开发更便捷。
IT基地版权所有,伪版必究 京ICP备17064610号-1
微信QQ空间QQ好友新浪微博FacebookTwitter