一个简单的js实现倒计时函数

<!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-21 00:00:00‘;
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;
    //&&只能用一次,所以分开两个if判断&&
    }else if(remainDays == 0 && remainHours == 0){
        if(remainMinutes == 0 && remainSeconds == 0){
            div1.innerHTML = ‘活动已经结束‘;
            clearInterval(k);//清除定时器
            return;
        }
    }
    div1.innerHTML = ‘‘;
    div1.innerHTML = endtime;
}
var k =setInterval("daoji(stringTime)",1000);
</script>
时间: 2024-08-02 15:14:30

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

一个简单的js面试题

在js群里看到有人发问,于是抱着练手的心态写了答了几个面试题,题目虽然不是太难,却很考验人的编程思维.汗颜,看了别人的答案后才发现自己好像笨了很多. 废话不说了 ,上代码. 1 要求 给一个数组的最后一个元素加1 结果大于10则给前一个元素加1 并设置当前元素值=0:前一个元素亦是如此,例如 var a=new Array(3,9); a[1]+1; a=[3,9]; 此题看似很简单,只要最后一个元素等于10 就给钱一个元素加1,设置当前元素为0就是了,但还有一种特殊一点的情况,就是当数组的所有

编写一个简单的js模板替换工具 rtt----replace templete tool

最近一段时间在修改自己的个人在线简历.  这个在线简历用到了css3来制作3D的旋转效果, 因此会有兼容性问题, 针对于不支持css3的3D透视的浏览器, 比如 IE,  360等等, 我使用的是另一套css文件兼容.  针对于移动端浏览器, 尽管基本都是webkit内核, 但经测试发现3D效果并不流畅, 因此移动端是识别userAgent切换到另一套非3D页面.  因为没用任何数据库, 那么问题就来了, 移动端和pc端两套页面是共用的一套数据, 我想到的方法有两个: 一是页面加载之后用ajax

一个简单css+js的开关组件

一个简单的开关组件 依赖:jquery.js CSS .choose-btn { display: none; } .choose-label { box-shadow: #b1b1b1 0px 0px 0px 1px; width: 30px; height: 16px; display: inline-block; border-radius: 16px; position: relative; background-color: #bdbdbd; overflow: hidden; mar

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

/****************************************************** 判断是否是数字(整数,小数均可,不包括负数)* 2014年10月10日22:38:19*****************************************************/function isNumber(str){    var re = /^([0-9]+)([.]?)([0-9]*)$/;      return re.test(str);} 该函数脱胎于

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

Chart.js 是一个 Open Source 的 JavaScript Chart Library.它一共有 6 中 Chart,全都是 HTML5 based. 底下是 Chart.js 所提供的 6 中 Charts的实例图形,包括了折线图.柱形图.圆饼图等,这样很容易在html网页中实现动态图的效果: Line Chart Bar Chart Radar Chart Pie Chart Polar Area Chart Doughnut Chart 快速上手 你可以到 github下载

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

github地址: https://github.com/kaimallea/isMobile 示例 (function () { var MOBILE_SITE = 'http://m.xx.com/index.html', NO_REDIRECT = 'noredirect'; if (isMobile.any) { if ( document.cookie.indexOf(NO_REDIRECT) === -1 ) { document.location = MOBILE_SITE; }

一个简单的js队列,逻辑很清晰

function Queue(type) { //type 是否是一个接着一个执行 function QueueConst() {} QueueConst.execute_ing=[], QueueConst.execute_no=[], QueueConst.state=1, QueueConst.type = type?type:false QueueConst.prototype.stop=function () {//暂停 QueueConst.state=2 } QueueConst.

一个简单的js计数器(web储存)。

1 <span id="countspan"></span> 2 <a href="#" onclick="countNumber();">点击</a> 3 <script type="text/javascript"> 4 if(!localStorage.countAll){ 5 localStorage.countAll = 0; 6 } 7 document.

自己写的一个简单的js闭包demo

function a(o){ function b(){           btn = btn++; } function c(){           btn = btn--;         }      if(o == 1)           return b();      if(o == 0)           return c();        } div.onclick = a(1);  div.onmouseover = a(0);