一年前，在网上找到的例子，现在已经找不到出处，对不住原作者，请原谅。修改了一下，在刷新页面的情况下，倒计时不重来。

没有任何样式，纯文字倒计时。

<!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 的倒计时的更多相关文章

  1. javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决

    javascript的倒计时功能中newData().getTime()在iOS下会报错问题解决 在做移动端时间转化为时间戳时,遇到了一个问题,安卓手机上访问时,能拿到时间戳,从而正确转换时间,而在i ...

  2. 用Javascript 实现倒计时

    用Javascript 实现倒计时<!DOCTYPE html> <html lang="en"> <head> <meta charse ...

  3. javascript 时间倒计时

    新加入一个项目的集中开发,遇到一个需要倒计时的需求,经过测试,有以下几种方案,分享出来: 方案一: 页面Html: <span style="font-size:18px;" ...

  4. javascript实现倒计时

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  5. Javascript实现倒计时和根据某时间开始计算时间

    JavaScript 代码 <script type="text/javascript"> var time_start = new Date('2018','7',' ...

  6. javascript 时间倒计时效果

    <div id="divdown1"></div> <script language="javascript" type=&quo ...

  7. javascript - 活动倒计时(天、时、分、秒)

    计数时: 结束时: 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  8. Javascript 实现倒计时效果

    代码来自于网上. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww ...

  9. JavaScript写倒计时

    在网页中,特别是电商网站中,倒计时的出现频率很高,接下来给大家介绍一下怎么用JavaScript写一个倒计时.代码如下: 首先我们通过Date构造函数的方法创建一个倒计时的结束的时间.并将其转换为毫秒 ...

随机推荐

  1. WebRTC手记之初探

    转载请注明出处:http://www.cnblogs.com/fangkm/p/4364553.html WebRTC是HTML5支持的重要特性之一,有了它,不再需要借助音视频相关的客户端,直接通过浏 ...

  2. ZeroMQ接口函数之 ：zmq_poll - I/O多路技术

    ZeroMQ 官方地址 :http://api.zeromq.org/4-0:zmq_poll zmq_poll(3)    ØMQ Manual - ØMQ/4.1.0 Name zmq_poll  ...

  3. javascript 基础篇

    JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 一.如何编写 1. ...

  4. 01@MySQL_Course_LabVIEW+MySQL程序开发

    LabVIEW+MySQL程序开发 大数据时代,LabVIEW程序开发怎么能少了数据库这一强大的工具,然而大多数的LabVIEW工程师对于数据库的概念了解比较少,所以本课程重点介绍如何利用MySQL, ...

  5. 事后分析报告（Postmortem Report）

    小组讨论照片 设想和目标 1.我们的团队项目为英语单词学习助手,名为“我爱记单词”.主要提供服务包括:单词查询,单词测试,单词记忆和中英互译.目前开发的是单机版本,用户可以根据自己的需求灵活的使用相应 ...

  6. 重学ps_1

    1,选取 打开图片->点击选取工具->ctrl+c->ctrl+n->ctrl+v 2,去除图片背景 打开你要去除背景的图片->在图层面板中->双击图层把图层改为0 ...

  7. bzoj 3438: 小M的作物

    Description 背景 小M还是个特么喜欢玩MC的孩纸... 描述 小M在MC里开辟了两块巨大的耕地A和B(你可以认为容量是无穷),现在,小P有n中作物的种子,每种作物的种子有1个(就是可以种一 ...

  8. mango框架中表分片与数据库分片(分表与分库)

    表分片 表分片通常也被称为分表,散表. 当某张表的数据量很大时,sql执行效率都会变低,这时通常会把大表拆分成多个小表,以提高sql执行效率. 我们将这种大表拆分成多个小表的策略称之为表分片. 先来看 ...

  9. javascript:算法之数组sort排序

    数组sort排序 sort比较次数,sort用法,sort常用 描述 方法sort()将在原数组上对数组元素进行排序,即排序时不创建新的数组副本.如果调用方法sort()时没有使用参数,将按字母顺序( ...

  10. Unity Aspect

    Unity封装的东西太多,所以在很多情况下回忽略这些基本的事情.游戏窗口的中Aspect是通过Game窗口中进行选择,但对于相机的Aspect Unity并没有暴露接口在设置界面中,至少在编辑器下进行 ...