JavaScript 的倒计时
一年前，在网上找到的例子，现在已经找不到出处，对不住原作者，请原谅。修改了一下，在刷新页面的情况下，倒计时不重来。
没有任何样式，纯文字倒计时。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>倒计时</title>
</head>
<body>
<label id="time"></label>
<script>
function CountDown() {
var localtime=sessionStorage.getItem('time');
if(localtime){
if (localtime >= 0) {
hours=Math.floor(localtime/3600);
minutes = Math.floor((localtime-hours*3600)/ 60);
seconds = Math.floor((localtime-hours*3600) % 60);
hours = hours >= 10 ? hours : '0' + hours;
minutes = minutes >= 10 ? minutes : '0' + minutes;
seconds = seconds >= 10 ? seconds : '0' + seconds;
msg = "距离结束还有"+ hours + "时" + minutes + "分" + seconds + "秒";
document.getElementById('time').innerHTML = msg;
if (localtime == 5*60) alert('注意，还有5分钟!');
--localtime;
sessionStorage.setItem('time',localtime)
}
else {
document.getElementById('time').innerHTML = "时间到，结束!";
}
}else{
var maxtime = 90*60; //一个半小时，按秒计算，自己调整!
if (maxtime >= 0) {
hours=Math.floor(maxtime/3600);
minutes = Math.floor((maxtime-hours*3600)/ 60);
seconds = Math.floor((maxtime-hours*3600) % 60);
hours = hours >= 10 ? hours : '0' + hours;
minutes = minutes >= 10 ? minutes : '0' + minutes;
seconds = seconds >= 10 ? seconds : '0' + seconds;
msg = "距离结束还有"+ hours + "时" + minutes + "分" + seconds + "秒";
document.getElementById('time').innerHTML = msg;
--maxtime;
sessionStorage.setItem('time',maxtime)
}
else {
document.getElementById('time').innerHTML = "时间到，结束!";
}
}
}
timer = setInterval("CountDown()", 1000);
</script>
</body>
</html>
JavaScript 的倒计时的更多相关文章
- javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决
javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决 在做移动端时间转化为时间戳时,遇到了一个问题,安卓手机上访问时,能拿到时间戳,从而正确转换时间,而在i ...
- 用Javascript 实现倒计时
用Javascript 实现倒计时<!DOCTYPE html> <html lang="en"> <head> <meta charse ...
- javascript 时间倒计时
新加入一个项目的集中开发,遇到一个需要倒计时的需求,经过测试,有以下几种方案,分享出来: 方案一: 页面Html: <span style="font-size:18px;" ...
- javascript实现倒计时
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- Javascript实现倒计时和根据某时间开始计算时间
JavaScript 代码 <script type="text/javascript"> var time_start = new Date('2018','7',' ...
- javascript 时间倒计时效果
<div id="divdown1"></div> <script language="javascript" type=&quo ...
- javascript - 活动倒计时(天、时、分、秒)
计数时: 结束时: 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...
- Javascript 实现倒计时效果
代码来自于网上. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...
- JavaScript写倒计时
在网页中,特别是电商网站中,倒计时的出现频率很高,接下来给大家介绍一下怎么用JavaScript写一个倒计时.代码如下: 首先我们通过Date构造函数的方法创建一个倒计时的结束的时间.并将其转换为毫秒 ...
随机推荐
- 【Redis】简介与安装
Linux 安装 [root@redis ~]# wget http://download.redis.io/releases/redis-2.8.19.tar.gz 解压缩redis[root@ha ...
- HDU1010 DFS+剪枝
Tempter of the Bone Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Othe ...
- 常用Jquery插件整理
虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来. UI: jquery.HooRay(哈哈,自己 ...
- redisTemplate的spring配置以及lua脚本驱动
最近在使用spring-data-redis的redisTemplate,所以写篇使用记录吧. 1.不用多说,使用maven引入相关依赖,因为项目已经引入其他的 <dependency> ...
- [ZZ] A Proposal For Compiling Direct3D HLSL With LLVM (Written by Michael Larabel )
http://www.phoronix.com/scan.php?page=news_item&px=OTI2NA Note: Something very instersting to w ...
- 获取打开指定Action的所有应用包名
获取打开指定功能的所有应用:发消息,分享等等. 如打开网页,下面代码即可查看所有的浏览器 //查找所有浏览器 private void queryPackage() { PackageManager ...
- equals和==的区别
---恢复内容开始--- equals:用于判断两个变量是否是对同一个对象的引用,即堆中的内容是否相同. 1.第一:对象不同,内容相同: ==:等于.比较两个地址是不是一样的(地址一样值肯定一样)(比 ...
- PHP 获取当天 凌晨 时间戳常用代码
echo strtotime(date('Y-m-d')); 获取明天凌晨的时间戳代码:echo strtotime(date('Y-m-d',strtotime('+1 day'))); 附上测试代 ...
- 【jmeter】接口稳定性测试
1.创建进行测试的脚本 2.场景设置 线程组设置并发用户数30 在启动1s,30并发用户全部启动 循环设置为永远 采用调度器:有两种工作方式 1.设置启动和结束时间 2.设置持续时间,我设置的是60s ...
- How to change hostname on SLE
修改/etc/HOSTNAME文件,在此文件中保存主机名,例如: linuxserv1 然后运行命令设置主机名 # /etc/rc.d/boot.localnet start 方法3. 运行 sysc ...