jquery table 倒计时

最新推荐文章于 2023-06-28 14:38:44 发布

新时代新目标新征程

最新推荐文章于 2023-06-28 14:38:44 发布

阅读量537

点赞数

分类专栏： asp.net

本文链接：https://blog.csdn.net/chuntian1983/article/details/77335050

版权

asp.net 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

今天项目需要做个记录

<html>
<head>
    <meta charset="utf-8">
	<title>倒计时</title>
	<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
    <script type="text/javascript">


        var tt = 0;
        $(function () {
            function show() {
                tt = tt + 1;
                for (var i = 0; i < $('tr').length; i++) {
                    var starttime = new Date($('tr').eq(i).find('td').eq(0).text()).getTime();
                    var endtime = new Date($('tr').eq(i).find('td').eq(2).text()).getTime()
                    var overtime = endtime - starttime - tt * 1000;
                    // var overtime = endtime - starttime;
                    var fz = parseInt(overtime / 60000);
                    var mz = (overtime - (fz * 60000)) / 1000;
                    var str = '0分0秒';
                    var str1 = fz + '分' + mz + '秒';
                    if (overtime<= 0) {
                        $('tr').eq(i).find('td').eq(1).html(str);
                    }
                    else {
                        $('tr').eq(i).find('td').eq(1).html(str1);
                    }


                }


            }
            setInterval(show, 1000); // 注意函数名没有引号和括弧！
            // 使用setInterval("show()",3000);会报“缺少对象”


        });






  
</script>
</head>
<body>
	<table>
		<tr>
			<td>2017-08-28 08:21:51</td>
			<td>时间</td>
			<td>2017-08-28 09:00:00</td>
		</tr>
		<tr>
			<td>2017-08-27 08:21:00</td>
			<td>时间</td>
			<td>2017-08-27 09:00:00</td>
		</tr>
		<tr>
			<td>2017-08-26 08:21:00</td>
			<td>时间</td>
			<td>2017-08-26 09:00:00</td>
		</tr>
		<tr>
			<td>2017-08-25 08:21:00</td>
			<td>时间</td>
			<td>2017-08-25 09:00:00</td>
		</tr>
		<tr>
			<td>2017-08-24 08:21:00</td>
			<td>时间</td>
			<td>2017-08-24 09:00:00</td>
		</tr>
	</table>
</body>
</html>