明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
随笔 - 1277, 文章 - 0, 评论 - 214, 阅读 - 321万
  博客园  :: 首页  :: 管理
< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

Jquery 一个页面单个倒计时 实现

Posted on   且行且思  阅读(710)  评论(0)  编辑  收藏  举报
复制代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>单个timeout</title>
     <script src="/Content/js/jquery-1.10.2.min.js" type="text/javascript"></script>
</head>
<body>
<p id="countDown1"></p>
  
    <script type="text/javascript">
        function getCountDown(timestamp) {
            var timer = setInterval(function () {
                var nowTime = new Date();
                var endTime = timestamp;

                var t = endTime - nowTime.getTime();

                if (t <= 0) {
                    $("#countDown1").html('over');
                    clearInterval(timer);
                    return false;
                }
                
                var d=Math.floor(t/1000/60/60/24);
                var hour = Math.floor(t / 1000 / 60 / 60 % 24);
                var min = Math.floor(t / 1000 / 60 % 60);
                var sec = Math.floor(t / 1000 % 60);

                if (hour < 10) {
                    hour = "0" + hour;
                }
                if (min < 10) {
                    min = "0" + min;
                }
                if (sec < 10) {
                    sec = "0" + sec;
                }
                var countDownTime = d + "天 " + hour + ":" + min + ":" + sec;
                $("#countDown1").html(countDownTime);

            }, 1000);
        }

        var date = '2019-04-02 10:33:00.0';
        date = date.substring(0, 19);
        date = date.replace(/-/g, '/');
        var timestamp = new Date(date).getTime(); // 毫秒级

        getCountDown(timestamp);
    </script>

</body>
</html>
复制代码

 

编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 零经验选手，Compose 一天开发一款小游戏！
· 因为Apifox不支持离线，我果断选择了Apipost！
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示
AI IDE Trae