js 倒计时

最新推荐文章于 2024-12-03 11:08:57 发布

harborbeacon

最新推荐文章于 2024-12-03 11:08:57 发布

阅读量924

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： js 倒计时

本文链接：https://blog.youkuaiyun.com/wmsjlihuan/article/details/21476157

javascript 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了如何使用JavaScript获取服务器时间并实现秒杀倒计时功能，包括自定义时间显示和定时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script LANGUAGE="javascript">   
//获取服务器时间当前剩余秒数
var seconds;
$.ajax({
 type: "GET",
 url: "time.php",
 data:   "",
 success: function(msg){
	seconds = msg;
	showtime( seconds );
	window.setInterval(timedown,1000); 
 } 
});

//自减秒数
function timedown(){
	seconds--;
	showtime(seconds);
}

//倒计时
function showtime( leftSecond ) {
	leftSecond = parseInt(leftSecond);

	if(leftSecond > 0){
		var day = Math.floor(leftSecond/(24*3600));
		leftSecond = parseInt((leftSecond%(24*3600)));
		var hour = Math.floor(leftSecond/3600);
		leftSecond = parseInt(leftSecond%3600);
		var minute = Math.floor(leftSecond/60);
		var second = leftSecond%60;
		var countdown = '秒杀 '+day+'天 '+hour+'小时 '+minute+'分钟 '+second+'秒';
		
		$('.miao p').eq(0).html(countdown);
	}else if(leftSecond <= 0){
		$('.miao p').eq(0).html('进行中...');
	}

}
</script>