`

时间分秒倒计时javascript代码

    博客分类:
  • JS
阅读更多

效果:给定一个总时间,当时间倒计到最后10分钟的时间提醒用户还剩10分钟
<script language="JavaScript">
<!--
t=10; //总时间
var maxtime;
if(window.name==''){
maxtime = t*60;
}else{
maxtime = window.name;
}
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 == t*60) alert('注意,还有10分钟!'); //提醒时间
--maxtime;
window.name = maxtime;
}
else{
clearInterval(timer);
alert("时间到,结束!");
}
}
timer = setInterval("CountDown()",1000);
//-->
&lt;/script&gt;<div id="timer" style="color: red;"></div>
分享到:
评论

相关推荐

    20191023 daojishi.zip 一个页面多个倒计时 jquery javascript 之倒计时 天时分秒 ,循环 倒计时 天时分秒

    jquery javascript 之倒计时 天时分秒,一个页面多个倒计时 jquery javascript 之倒计时 天时分秒 ,循环 倒计时 天时分秒

    JavaScript分秒倒计时器实现方法

    本文实例讲述了JavaScript分秒倒计时器实现方法。分享给大家供大家参考。具体分析如下: 一、基本目标 在JavaScript设计一个分秒倒计时器,一旦时间完成使按钮变成不可点击状态 具体效果如下图,为了说明问题,调成...

    时分秒倒计时.html

    JavaScript的计时器,简单的写一个春节时间倒计时,主要就是时间的计算,对时分秒的计算,年月的计算。

    JS倒计时实例_天时分秒

    下面小编就为大家带来一篇JS倒计时实例_天时分秒。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    JavaScript实现的商品抢购倒计时功能示例

    主要介绍了JavaScript实现的商品抢购倒计时功能,可实现分秒级别的实时显示倒计时效果,涉及js日期时间计算与页面元素动态操作相关技巧,需要的朋友可以参考下

    Space48_TimedBanners:显示倒数计时器到和结束日期

    倒计时以“天时分秒”的格式显示 ##要求 PHP &gt;= 5.2.0 Mage_Core ##兼容性 Magento &gt;= 1.4 ##测试 企业版 1.13 ##安装说明 要安装模块,请将 app 和 skin 文件夹复制到站点的根目录。 需要创建一个横幅,...

    Countdown-Clock:天时分秒

    倒计时 天/小时/分钟/秒 使用 jQuery 的简单倒计时。 显示天/小时/分钟/秒

    timer:html5 + JavaScript 狼人定时器

    计时器html5 + JavaScript 狼人定时器设置分秒,按“设置”键移动。您还可以将它设置为在倒计时期间响铃,并且最多可以插入 5 个位置。 您可以通过将 html 文件中的“hoge.mp3”、“hoge.wav”、“fuga.mp3”、“fu...

    vue-superset:基于vue框架技术的超集合

    #基于vue框架技术的超集合 ... countDown- 简易倒计时 zeroFill- 0位填充 remainTime- 剩余时间(分秒) timeMinus- 计算2个时间差 msDifference- 计算某一个日期多少天之后(之前)的毫秒数 dateFormat-

    react_common_components:React常用成分

    1.2 Time1 =&gt;本地小时分秒计时器 1.3 CountDownTimer =&gt;循环倒数计时器 2. TreeView组件 2.1 import Tree from 2.2 &lt;Tree data={treeData}&gt; // treeData: [{ name: 'node1', collapsed: true, children: [{ name...

Global site tag (gtag.js) - Google Analytics