使用ＪＳ实现倒计时（在页面上动态的显示）

最新推荐文章于 2024-05-08 17:14:35 发布
最新推荐文章于 2024-05-08 17:14:35 发布
阅读量1.6k 收藏
点赞数
分类专栏： JavaScript 文章标签： timer javascript function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rongdajian/article/details/3129454
版权

 <SCRIPT language=JavaScript>
<!--
var maxtime;

maxtime = 60*60;

function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = ""+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML = msg;
if(maxtime == 20*60) alert('注意，还有4分钟!");
if(maxtime == 2*60) alert('注意，还有2分钟!");
 
if(maxtime == 1*60) alert('注意，还有1分钟!");

--maxtime;
window.name = maxtime;
} 

}
timer = setInterval("CountDown()",1000);
//-->
                  </SCRIPT>
</head>
<body>
<br>
<span id=timer></span>

rongdajian
关注
专栏目录
js倒计时显示实例
10-20
本文分享了js倒计时显示的实例，需要的朋友可以参考借鉴，下面就跟小编一起来看看吧
javascript实现倒计时跳转页面
10-22
在本文中，我们将探讨使用JavaScript实现倒计时跳转页面的方法。这一技术在网页设计中被广泛应用，比如在某些特定页面中，希望在一定时间后自动跳转到另一个页面，同时提供倒计时的提示给用户。本文将详细解读实现这...
JavaScript-----页面显示倒计时
鹿蹊zz的博客
06-26 1979
目录一、倒计时效果二、转换公式三、主要代码四、效果展示 1.核心算法：输入的时间减去现在的时间就是剩余的时间（剩余时间毫秒数 转换为 剩余时间的 年月日时分秒），即倒计时 。但是，不能拿着时分秒相减，比如 05 分减去25分，结果会是负数的。 2.用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。 比如 将来时间戳 2000ms - 现在的时间戳 10000ms = 10000ms。1000ms转换为就是0小时0分1秒。
js--页面倒计时
m0_73957003的博客
04-22 175
先看看做好的倒计时效果----->主体思路（算法）：1.输入目标的日期，并将日期转化为毫秒数。2.输入当前的日期，并将日期转化为毫秒数。3.用目标日期毫秒数-当前日期毫秒数。算出倒计时的总毫秒数。4.利用算法，用倒计时毫秒数算出倒计时转化为的天数、小时数、分钟数、秒数。
js实现页面显示当前时间或倒计时
ckyue1219的博客
04-23 989
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、显示当前时间1.js2.div二、显示倒计时1.js2.div总结 前言 用js实现页面时钟的显示或倒计时的显示。 一、显示当前时间 实现效果如下： 1.js 代码如下（示例）： $(function () { showCurrentDate(); }); function showCurrentDate() { var now = new
【JavaScript】内置对象 - Date 日期对象 ④ ( 制作倒计时页面 )
最新发布
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
05-08 1345
一、倒计时页面实现 1、需求分析 2、计算秒数 3、计算倒计时时间的 天 / 时 / 分 / 秒 4、页面中显示倒计时时间 二、完整代码示例 1、完整代码 2、执行结果
javascript 实现网页 倒计时 代码
01-08
在JavaScript中实现网页倒计时是一项常见的任务，尤其在创建活动页面、竞赛倒计时或者定时发布内容等场景中非常实用。本篇文章将详细介绍如何利用JavaScript编写一个网页倒计时功能，并结合提供的`index.html`和`js`...
JavaScript实现倒计时跳转页面功能【实用】
10-20
这个简单的示例代码可以帮助开发者快速实现倒计时跳转页面的效果，但实际应用中可能需要考虑更多细节，如异常处理、用户交互以及更好的时间格式化等。同时，为了提高代码可维护性和可读性，通常会推荐使用更现代的...
动态显示倒计时
技术改变世界
09-12 538
1、html部分<span id="target"></span> 2、js部分// 为简化。每月默认为30天； function getTimeString() { var start = new Date(); var end = new Date(start.getFullYear() + 1, 0, 1); var elapse = Math.floor((end
JS动态显示倒计时效果
10-15
2. JavaScript实现倒计时的逻辑 在JavaScript部分，使用了几个关键函数和对象来实现倒计时效果。主要的思路是使用Date对象和getTime()方法来获取当前时间与目标时间的毫秒差值，然后计算出剩余的天数、小时、分钟和...
JS实现倒计时(天、时、分，秒)
yKan_SF
03-01 433
JS实现倒计时(天、时、分，秒) var interval = 1000; var nowDay = new Date(); var timeOut; function ShowCountDown(now11, times, type, divname){ var now = ne
倒计时界面
qq_42650983的博客
07-11 322
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;date&amp;lt;/title&amp;g
JS实现倒计时精确到天数,时,分,秒或者精确到时、分、秒（小时数累加）
qq_38355456的博客
11-15 4859
JS实现倒计时(天数,时,分,秒) 剩余时间: timer('2018-11-20 12:00:00','day'); /** * 入参第一个为时间字符串，第二个参数为模式选择，如果传入'day'，按天数倒计时到秒，不传值，按小时精确到秒 * @param timeStr * @param item */ funct
JS 实现倒计时功能
qq_37698249的博客
02-08 3048
JS 定时器 setInterval setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 /* 1.uniapp中使用定时器，实现倒计时功能 2.需要在页面销毁的时候，清除定时器 3.每次生成定时器前，必须判断，该定时器是否存在，如果存在，就return（不可重复生成） */ <template> <view>剩余时间
原生js 当前时间 倒计时代码
dgce32897的博客
03-07 154
源：https://www.oschina.net/code/snippet_2318153_54763 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=...
如何在网页上实现动态倒计时功能
在这个充满危险的乱世之中，只有学会烤鸡才能顽强的活下去。
07-16 1499
一、制作意图 在制作的时候，我们就需要运用到JS了，现在我们需要将下面的5秒依次往下减，如何实现呢？ 二、过程 需要先添加JS language,type需要都加上 （1）在winform中可能有timer控件，在JS中没有timer控件，但是setInterval的功能和timer控件的功能是大致是一致的。 SetInterval("fun()",1000)...
JavaScript实现新年倒计时效果
10-17
本文详细介绍了如何使用JavaScript实现一个新年倒计时效果。通过编写特定的JavaScript函数和HTML/CSS代码，可以在网页上展示距离新年还有多少天、小时、分钟和秒的倒计时。这种方法具有很强的参考价值，对于学习...
js写倒计时--代码详解
yezi__6的博客
08-25 5665
利用data对象写倒计时：效果如下图 图计较丑，重点是代码哦》。《 首先，确定要倒计时的终点时间；再利用setInterval动态获取每一刻的时间，然后将获取的时间转换成秒,分，时,日，月 ​ &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &l
JS实现倒计时代码实例
xiaogc_a的博客
12-29 3370
var count = 60 * 15; var countdown = setInterval(CountDown, 1000); function CountDown() { if (count &gt;= 0) { var minutes = Math.floor(count / 60); var seconds = Math.floor(count ...
JS实现获取当前时间和倒计时功能，可自定义输出格式(天、时、分、秒)
觉醒法师的专栏
12-27 3347
JS实现获取当前时间和倒计时功能，可自定义输出格式(天、时分、秒)，倒计时是项目中经常会遇到的功能开发，这里通过以往经验，定义class类形式，来实现倒计时或当前时间获取功能，仅供参考。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值