倒计时（团购）

最新推荐文章于 2024-08-13 16:28:32 发布

爱吃番茄的西红柿

最新推荐文章于 2024-08-13 16:28:32 发布

阅读量311

点赞数 1

分类专栏： js实例操作文章标签：前端 js jquery

本文链接：https://blog.csdn.net/tmqueen/article/details/50674255

版权

js实例操作专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1、用setTimeout方法实现：

<!DOCTYPE html>
<html>
	<head>
		<title>timeShow</title>
		<script src="file:///F:/front end/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="time0">距离团购结束还有<span id="time">haha</span></div>
		<script type="text/javascript">
		window.onload = function(){
			showTime();
		}
		function showTime(){
			var nowtime = new Date();
			var deadline = new Date("2016/2/20,12:12:12");
			var result = (deadline.getTime() - nowtime.getTime())/1000;
			checkTime(result);
			function checkTime(t){
				if(t<=0){
					$('#time0').text("团购已结束");
				}
				else{
					var d = parseInt(result/(60*60*24));
					var h = parseInt(result/(60*60)%24);
					var m = parseInt(result/60%60);
					var s = parseInt(result%60);
					$('#time').text(d+"天"+h+"时"+m+"分"+s+"秒");
					setTimeout("showTime()",500);
				}
			}
		}
		</script>
	</body>
</html>

2、用setInterval方法实现

<!DOCTYPE html>
<html>
    <head>
        <title>timeShow</title>
        <script src="file:///F:/front end/jquery/jquery-1.11.3.min.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="time0">距离团购结束还有<span id="time">haha</span></div>
        <script type="text/javascript">
        function showTime(){
        var endtime=new Date("2016/5/15,12:20:12");//结束时间
        var nowtime = new Date();//当前时间
        var lefttime= parseInt(endtime.getTime()-nowtime.getTime()); 
        d= parseInt(lefttime/(1000*60*60*24)) ;
        h= parseInt(lefttime/(1000*60*60)%24);
        m= parseInt(lefttime/(1000*60)%60);
        s= parseInt(lefttime/1000%60);
       
        $('#time').text(d+"天"+h+"小时"+m+"分"+s+"秒");
        if(lefttime<=0){
        $('#time0').text("团购已结束");
        clearInterval(sh);
        }
        
}
        showTime();
        var sh;
        sh =  setInterval("showTime()",500) ;
        </script>
    </body>
</html>

爱吃番茄的西红柿

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
倒计时（团购）

1、用setTimeout方法实现： timeShow 距离团购结束还有haha window.onload = function(){ showTime(); } function showTime(){ var nowtime = new Date(); var deadline = new Date("2016/2/20,12:
复制链接

扫一扫

专栏目录