<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">

<head>

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

    <title>js实现倒计时</title>

    <meta name="keywords" content="关键字列表" />

    <meta name="description" content="网页描述" />

    <link rel="stylesheet" type="text/css" href="" />

    <style type="text/css"></style>

    <script type="text/javascript">

    </script>

</head>

<body>

<div></div>

</body>

</html>

<script>

//函数的参数为活动的结束日期

var stringTime = '2016-12-22 21:23:10';

function daoji(stringTime){

    //获取即时时间的对象

    var now = new Date();

    //获取结束时间的对象

    var end = new Date(stringTime);

    //获取即时的时间戳

    var nowTimeStamp = now.getTime();

    //获取活动结束的时间戳

    var endTimeStamp = end.getTime();

    //活动剩余秒数，js的时间戳是毫秒级别的

    var remainSecond= (endTimeStamp - nowTimeStamp) / 1000;

    //剩余的秒数等于days+hours+minutes+seconds

    var oneDay = 24*60*60;

    var oneHour = 60*60;

    var oneMinute = 60;

    //剩余的天数

    var remainDays      = parseInt((remainSecond / oneDay));

    //减掉整数的天数，并对剩下的进行小时取整就是剩下的小时

    var remainHours   = parseInt(((remainSecond - (remainDays*oneDay)) / oneHour));

    var Hours = parseInt((remainSecond / oneHour));

    //减掉整数的小时，并对剩下的进行分钟取整就是剩下的分钟数

    var remainMinutes = parseInt((remainSecond - (Hours*oneHour)) / oneMinute);

    //减掉整数的分钟就是剩下的秒数

    var Minutes = parseInt(remainSecond / oneMinute);

    var remainSeconds = parseInt(remainSecond - (Minutes * oneMinute));

    //倒计时开始

    var endtime = remainDays + '天'+ remainHours + '小时'+ remainMinutes +'分钟'+ remainSeconds +'秒';

    var div1 = document.getElementsByTagName('div')[0];

    if(remainDays < 0 || remainHours < 0 || remainMinutes < 0 || remainSeconds < 0){

        div1.innerHTML = '活动已经结束';

        clearInterval(k);

        return;

    //判断活动是否到期

    }else if(remainDays == 0 && remainHours == 0 && remainMinutes == 0 && remainSeconds == 0){

            div1.innerHTML = '活动已经结束';

            clearInterval(k);//清除定时器

            return;

    }

    div1.innerHTML = '';

    div1.innerHTML = endtime;

}

var k =setInterval("daoji(stringTime)",1000);

</script>

一个简单的js实现倒计时函数的更多相关文章

  1. 利用windows.h头文件写一个简单的C语言倒计时

    今天写一个简单的倒计时函数 代码如下: #include<stdio.h> #include<windows.h> int main() { int i; printf(&qu ...

  2. 一个简单的JS倒计时

    看到很多商城都是抢购倒计时的功能,今天闲来无事做了个倒计时.全当学习JS. 主要思路:主要用到Date对象,声明一个变量获取当前时间,在声明一个变量获取结束时间,结束时间-当前时间=剩余时间(倒计时) ...

  3. 一个简单的JS函数，用于判断文本是否数字

    /****************************************************** 判断是否是数字(整数,小数均可,不包括负数)* 2014年10月10日22:38:19* ...

  4. 一个简单的js面试题

    在js群里看到有人发问,于是抱着练手的心态写了答了几个面试题,题目虽然不是太难,却很考验人的编程思维.汗颜,看了别人的答案后才发现自己好像笨了很多. 废话不说了 ,上代码. 1 要求 给一个数组的最后 ...

  5. 一个简单的 js 时间对象创建

    JS中获取时间很常见,凑凑热闹,也获取一个时间对象试试 首先,先了解js的获取时间函数如下: var myDate = new Date();          //创建一个时间对象 myDate.g ...

  6. 一个简单的增强型PHP curl函数

    啥都不说,先上代码 <?PHP /* * @author 小伍 */ echo "<pre>"; $proxy = array('url'=>'http:/ ...

  7. Chart.js: 一个简单的 JS Chart Library

    Chart.js 是一个 Open Source 的 JavaScript Chart Library.它一共有 6 中 Chart,全都是 HTML5 based. 底下是 Chart.js 所提供 ...

  8. 一个简单的JS日期挂历脚本

    分享一个JS脚本做的日期挂历,在需要的时候可以引入你的程序. 如需单独引入这个脚本,请将它保存在一个文件中然后引入它:如这样 <script type="text/javascript ...

  9. isMobile 一个简单的JS库，用来检测移动设备

    点这里 github地址:https://github.com/kaimallea/isMobile Example Usage I include the minified version of t ...

随机推荐

  1. Linux常用命令学习7---（磁盘管理df du、磁盘的分区和格式化fdisk parted）

    1.磁盘管理    在服务器的维护中,我们需要关心服务器的磁盘使用了多少.还有多少的剩余空间.某个文件有多大.某个文件夹内的所有文件在一起一共占用的多少空间……问题.以便我们在合适的时机为服务器添加硬 ...

  2. 无废话ExtJs 入门教程二十一[继承：Extend]

    无废话ExtJs 入门教程二十一[继承:Extend] extjs技术交流,欢迎加群(201926085) 在开发中,我们在使用视图组件时,经常要设置宽度,高度,标题等属性.而这些属性可以通过“继承” ...

  3. Python 打包和发布方法汇总

    以下主要Python打包汇总,作为学习备份: 一.使用python内部基础工具包Distutils打包程序 1. 在打包之前需要做的就是配置好安装脚本,一般为setup.py文件: 示例(setup. ...

  4. Visual Studio 插件的开发（转）

    起因 在做项目的时候,经常需要根据表结构create一些实体类,写多了,实在是觉得无趣,于是就琢磨着做个代码生成工具.当然现在有很多现成的,拿来用就好,可是总想自己弄个出来玩玩,一来是当初用DataS ...

  5. 基于socket的客户端和服务端聊天简单使用 附Demo

    功能使用 服务端 分离一个不停接受客户端请求的线程 接受不客户端请求的线程中,再分离就收消息的线程 几大对象分别是 IPEndPoint IP终结点 服务端Socket,绑定终结点Bind,启动监听L ...

  6. CSS 百分比 margin & padding

    前段时间我同事对于margin和padding应用百分比值似乎有些误解,觉得可能是个普遍问题,所以觉得有必要拿出来单独写一下. margin和padding都可以使用百分比值的,但有一点可能和通常的想 ...

  7. 《Invert》开发日志04：工具、资源和服务

    这篇记录一下<Invert>用到的工具.资源和服务.秉承两个原则:一,绝不侵犯版权:二,尽量节省开支. 首先是工具.游戏引擎使用免费的Unity个人版: 编码IDE使用免费的VisualS ...

  8. php 小函数

    1 变量函数 a.is_xxx函数用来判断变量类型 is_numeric  (PHP 4, PHP 5) — 检测变量是否为数字或数字字符串 is_int.is_integer.is_long,判断变 ...

  9. Python中的条件判断和循环

    1.使用elif代替else if,前者是后者的缩写. 2.所以for x in ...循环就是把每个元素代入变量x,然后执行缩进块的语句.   3.Python提供一个range()函数,可以生成一 ...

  10. ZeroMQ接口函数之 ：zmq_close - 关闭ZMQ socket

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