<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <title>大三倒计时</title>

</head>

<body>

<div>

距离大三结束时间2015年7月1日仅有:<span id="otherTime"></span>

</div>

<script type="text/javascript">

    var objElem = document.getElementById("otherTime");

    var endTime = new Date('2015', '7', '1').getTime();

    var nowTime = null;

    var laveTimer = null;

    function laveTime() {

        nowTime = new Date().getTime();

        var a = endTime - nowTime;//距离指定的时间还有多少毫秒..

        if (a > 0) {

            var arr_1 = [1000*60*60*24, 1000*60*60, 1000*60, 1000],

                arr_2 = ['天', '小时', '分', '秒'],

                temp = null;

            var timeDesArr = [];

            for (var i = 0, len = arr_1.length; i<len ; i++) {

                temp = Math.floor(a/arr_1[i]);

                if (temp > 0) {

                    timeDesArr.push((String(temp).length == 1 ? ("00"+temp).substr(1) : temp) + arr_2[i]);

                }

                a -= arr_1[i]*temp;

            }

            objElem.innerHTML = timeDesArr.join("");

        } else {

            objElem.innerHTML = "到时间了！";

            clearInterval(laveTime);

            laveTime = null;

        }

    }

    //因为我们的时候是一秒一秒的在走，那么也需要一秒一秒的改变一下这个剩余时间了，一秒执行一次laveTime函数

    laveTimer = setInterval(laveTime, 1*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实现倒计时和根据某时间开始计算时间

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

  5. javascript 时间倒计时效果

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

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

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

  7. Javascript 实现倒计时效果

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

  8. JavaScript写倒计时

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

  9. JavaScript 的倒计时

    一年前,在网上找到的例子,现在已经找不到出处,对不住原作者,请原谅.修改了一下,在刷新页面的情况下,倒计时不重来. 没有任何样式,纯文字倒计时. <!DOCTYPE html> <h ...

随机推荐

  1. git 之别名配置

    在git操作中有很多命令我们自己可以起别名,以提高操作效率. 1. 配置方式 1)项目级别的配置,仅对当前项目生效(将写入到.git/config文件中)    $ git config --glob ...

  2. hdu 2660 Accepted Necklace（dfs）

    Problem Description I have N precious stones, and plan to use K of them to make a necklace for my mo ...

  3. iOS 监听 出发 Home键 NSNotificationCenter UIApplicationWillResignActiveNotification

    第一步: 创建2个NSNotificationCenter监听 [[NSNotificationCenter defaultCenter] addObserver:self selector:@sel ...

  4. 使用ObjectAnimator开发打开、关闭书本动画

    动画效果 动画效果-分享链接 (想做成gif图的,尝试各种工具无果) ObjectAnimator简单介绍及实现思路 ObjectAnimator是从api level 11 (Android3.0x ...

  5. 九度OJ 题目1371：最小的K个数

    题目描述: 输入n个整数,找出其中最小的K个数.例如输入4,5,1,6,2,7,3,8这8个数字,则最小的4个数字是1,2,3,4,. 输入: 每个测试案例包括2行: 第一行为2个整数n,k(1< ...

  6. JavaScript阻止事件冒泡

    今天在自学敲代码的时候发现了一个问题,当时的例子如下: <!DOCTYPE html> <html lang="en"> <head> < ...

  7. GridView专栏

    鉴于GridView的强大,鄙人突然心血来潮,想把GridView单独拿出来整理一下. (一)gridview如何加自增长列 protected void GridView1_RowDataBound ...

  8. UILabel头文件常见属性

    text : default is nil 文本属性,默认值是 nil @property(nullable, nonatomic,copy) NSString *text; font : defau ...

  9. 利用sql里的xpath生成表格

    SELECT (SELECT * from Common.Common_Setup_CityData FOR XML PATH('tr'), TYPE).query('      for $item ...

  10. beforefieldinit释义

    首先让我们认识什么是,当字段被标记为beforefieldinit类型时,该字段初始化可以发生在任何时候任何字段被引用之前.这句话听起了有点别扭,接下来让我们通过具体的例子介绍. /// <su ...