js做简单倒计时

最新推荐文章于 2023-11-14 10:56:21 发布
最新推荐文章于 2023-11-14 10:56:21 发布
阅读量596 收藏 1
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaoqi5705/article/details/9001536
版权
<html xmlns=" http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <span id="spanTime">load...</span>
    </div>
    </form>
</body>
</html>
<script type="text/javascript">
    //倒计时
    var cd = {
        init: function (obj) {
            var than = this;
            var onStart = obj.onStart || null;
            var onEnd = obj.onEnd || null;
            var tmp = 0;
            var st = new Date(obj.startTime.toString().replace(/-/g, '/')).getTime();
            var et = new Date(obj.endTime.toString().replace(/-/g, '/')).getTime();
            if (et > st) {
                tmp = (et - st) / 1000;
            }
            var loop = setInterval(function () {
                tmp--;
                document.getElementById('spanTime').innerHTML = than.getTime(tmp);
                if (tmp <= 0) {
                    if (onEnd != null) {
                        clearInterval(loop);
                        onEnd();
                    }
                }
            }, 1000)
        }, getTime: function (num) {
            var str = "剩余时间：" + num;
            return str;
        }
    }
    cd.init({
        'startTime':'2013-05-03 10:30:00',
        'endTime':'2013-05-03 10:30:10',
        'onStart':function(){alert('start...');},
        'onEnd':function(){alert('end...')}
    })
</script>
zhaoqi5705
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js简单倒计时实现代码
01-19
本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考，具体如下： 距离活动结束还有<span id=day></span>天 <span id=hours></span>小时 <span id=min></span>分 <span id=sec></span>秒 [removed] ...
JS实现倒计时效果
m0_46783393的博客
03-11 4666
通过setInterval()方法设置定时器，待倒计时为0时，判断并使用clearInterval()清除定时器。//用户输入的总毫秒数。//获取当前总毫秒数。time用户输入的时间可以自己设置。然后将总剩余秒数转换成天时分秒。
js怎么实现倒计时效果
m0_70015558的博客
05-26 8073
js怎么做倒计时，其实很简单。话不多说，直接上菜 使用 new Date() 获取当前时间， Date.parse()方法解析一个表示某个日期的字符串，并返回从1970-1-1 00:00:00 UTC 到该日期对象（该日期对象的UTC时间）的毫秒数。然后，求两个时间差。这里也可以使用 getTime() 方法获取现在时和结束时距离的毫秒数。 把时间差转换为天数、小时数、分钟数和秒数显示。主要是用%取模运算。得到距离结束时间的毫秒数（剩余毫秒数），除以 1000 得到剩余秒数，再除以 60.........
用js做一个倒计时(时分秒),js中倒计时器怎么实现
wenangou的博客
11-14 3372
1.核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时 ，但是不能拿着时分秒相减，比如 02 分减去22分，结果会是负数的，所以要转换为毫秒；2.用时间戳来做，用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数；3.把剩余时间总的毫秒数转换为天、时、分、秒 （时间戳转换为时分秒）。利用JavaScript函数做一个简单的倒计时。
JavaScript实现倒计时功能
modao的博客
05-31 3376
本文主要介绍JavaScript中封装时间函数和如何倒计时功能，没有拐弯抹角，拿走即用。
js几种倒计时实现方式
douyiqing的博客
04-02 8655
1. 常见获取验证码60s倒计时 var second = 60; var timer; // 倒计时 function countDown(){ second--; if(second == 0){ second = 60 clearTimeout(timer) return } timer = s...
简单实现js倒计时功能
12-10
本文实例为大家分享了js倒计时的具体代码，主要使用了JS的Date对象和定时器setInterval，供大家参考，具体内容如下 <!DOCTYPE html> <html> <head> <title> 倒计时 </title> <...
简单实现JS倒计时效果
11-27
本文实例为大家分享了JS倒计时效果的具体代码，供大家参考，具体内容如下 Index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>倒计时</title> ...
js倒计时简单实现代码
12-28
倒计时：  1.设置一个有效的结束日期  2.计算剩余时间  3.将时间转换成可用的格式  4.输出时钟数据作为一个可重用的对象  5.在页面上显示时钟，并在它到达0时停止 html <span id=days></span>天 ...
javascript实现倒计时并弹窗提示特效
10-24
倒计时的功能在我们做项目的时候会经常遇到，这里给大家分享的是个人编写的一个简易的效果代码，有需要的小伙伴可以参考下
js实现倒计时
09-20
javascript实现倒计时
javaScript实现倒计时功能
qq_65715980的博客
07-08 1万+
目录一、主要思路二、css样式三、html代码四、js内容五、完整代码展示六、效果展示1.通过内置时间函数实例化日期对象获取当前时间 new Date。2.因为时间无法减去时间，有可能生成负数，所以采用时间戳的方法得到毫秒数形式的剩余时间，然后再把剩余时间转换为天、时、分、秒格式。3.最后把所获得的内容赋值给定义的变量。主要为了内容在页面展示美观，稍微美化一下。 三、html代码 定义一个默认格式为JavaScript引入定义变量。 四、js内容 1.首先获取html里面的spans里的全部标签
JS实现简单的倒计时
热门推荐
第二世界
06-13 5万+
1、第一种 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>www.jb51.net JS倒计时</title> </head> <body> <div id="div"></div&gt...
vue之事件绑定
deep_zhuheihei的博客
07-20 277
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
利用js来制作简单倒计时效果
simple_Xsg的博客
04-08 4212
利用JavaScript函数做一个简单的倒计时 <script> // 代码如下： function countDown(time) { var nowTime = +new Date(); // 返回的是当前时间总的毫秒数 var inputTime = +new Date(time); // 返回的是用户输入时间总的毫秒数 var times = (inputTime - no
基于 js 制作一个倒计时
weixin_62897746的博客
02-07 2597
代码实现思路： 1. 获取 input 的参数，和现在时间。 2. 点击开始则，input 框的时间参数减去现在时间。 3. 设置定时器，每一秒执行一次。 4. 点击清空则，清除 input 框的内容，停止定时器 5. 给 input 框设置正则表达式，只能输入数字，输入其他则返回：输入错误 6. 倒计时时间可以自己进行改变，改变后剩余时间自动发生变化。
node-v16.12.0-darwin-x64.tar.xz
最新发布
04-23
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
试用Dev Containers的示例项目-Go
04-23
计算机技术是指评价计算机系统的各种知识和技能的总称。它涵盖了计算机硬件、软件、网络和信息安全等方面。计算机技术的发展使我们能够进行高效的数据处理、信息存储和传输。现代计算机技术包括操作系统、数据库管理、编程语言、算法设计等。同时，人工智能、云计算和大数据等新兴技术也在不断推动计算机技术的进步。计算机技术的应用广泛，涵盖了各个领域，如商业、医疗、教育和娱乐等。随着计算机技术的不断革新，我们可以更加高效地实现预期自动化、标准化
使用js生成简易倒计时
05-31
好的，以下是使用 JavaScript 生成简易倒计时的代码： ```html <!DOCTYPE html> 简易倒计时 <div id="countdown"></div> // 设置倒计时结束时间，这里是2022年1月1日0时0分0秒 var countdownDate = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值