效果:给定一个总时间,当时间倒计到最后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);
//-->
</script><div id="timer" style="color: red;"></div>
分享到:
相关推荐
jquery javascript 之倒计时 天时分秒,一个页面多个倒计时 jquery javascript 之倒计时 天时分秒 ,循环 倒计时 天时分秒
本文实例讲述了JavaScript分秒倒计时器实现方法。分享给大家供大家参考。具体分析如下: 一、基本目标 在JavaScript设计一个分秒倒计时器,一旦时间完成使按钮变成不可点击状态 具体效果如下图,为了说明问题,调成...
JavaScript的计时器,简单的写一个春节时间倒计时,主要就是时间的计算,对时分秒的计算,年月的计算。
下面小编就为大家带来一篇JS倒计时实例_天时分秒。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
主要介绍了JavaScript实现的商品抢购倒计时功能,可实现分秒级别的实时显示倒计时效果,涉及js日期时间计算与页面元素动态操作相关技巧,需要的朋友可以参考下
倒计时以“天时分秒”的格式显示 ##要求 PHP >= 5.2.0 Mage_Core ##兼容性 Magento >= 1.4 ##测试 企业版 1.13 ##安装说明 要安装模块,请将 app 和 skin 文件夹复制到站点的根目录。 需要创建一个横幅,...
倒计时 天/小时/分钟/秒 使用 jQuery 的简单倒计时。 显示天/小时/分钟/秒
计时器html5 + JavaScript 狼人定时器设置分秒,按“设置”键移动。您还可以将它设置为在倒计时期间响铃,并且最多可以插入 5 个位置。 您可以通过将 html 文件中的“hoge.mp3”、“hoge.wav”、“fuga.mp3”、“fu...
#基于vue框架技术的超集合 ... countDown- 简易倒计时 zeroFill- 0位填充 remainTime- 剩余时间(分秒) timeMinus- 计算2个时间差 msDifference- 计算某一个日期多少天之后(之前)的毫秒数 dateFormat-
1.2 Time1 =>本地小时分秒计时器 1.3 CountDownTimer =>循环倒数计时器 2. TreeView组件 2.1 import Tree from 2.2 <Tree data={treeData}> // treeData: [{ name: 'node1', collapsed: true, children: [{ name...