简单倒计时js代码
//倒计时
    var timer=null;
    var interval = 1000; 
    function ShowCountDown(year,month,day,hour,minute,second,divname) { 
        var cc = document.getElementById(divname); 
        var now = new Date(); 
        var endDate = new Date(year,month-1,day,hour,minute,second);        
        var leftsecond = Math.round((endDate-now)/1000);
这里你可以判断等于0时执行的事件,可以用一个封装成一个函数
        if(leftsecond<0){
            clearInterval(timer);
            return;
        }else{
        //var day1=parseInt(leftsecond/(24*60*60));             
            var ofd=parseInt(leftsecond/3600/24);//计算天数
            var ofh=parseInt((leftsecond%(3600*24))/3600);//计算小时
            var ofm=parseInt((leftsecond%3600)/60);//计算分
            var ofs=leftsecond%60;//计算秒
            if (ofd <= 9) ofd = "0" + ofd;
            if (ofh <= 9) ofh = "0" + ofh;
            if (ofm <= 9) ofm = "0" + ofm;
            if (ofs <= 9) ofs = "0" + ofs;        
            cc.innerHTML = ofd+"天"+ofh+"小时"+ofm+"分"+ofs+"秒";
        }
    } 
    timer=setInterval(function(){ShowCountDown(2017,7,10,16,27,10,'divdown1');}, interval);//传入年月日时分秒,通过ID得到存放倒计时的元素
简单倒计时js代码的更多相关文章
- angularJS入门小Demo【简单测试js代码的方法】
		1.首先建立一个文件夹 demo, 2.在其中建立一个文本文档,改名为 demo-1.html, 3.把html中要引入的 js 文件拷贝到 demo目录下, 4.然后用 Notepadd++ 编辑刚 ... 
- 点击按钮出现60秒倒计时js代码
		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ... 
- 两段简单的JS代码防止SQL注入
		1.URL地址防注入: //过滤URL非法SQL字符var sUrl=location.search.toLowerCase();var sQuery=sUrl.substring(sUrl.inde ... 
- 一些简单的Js代码的封装
		1 function getById(id) { 2 3 } 4 5 function getAttr(el, k) { 6 7 } 8 9 function setAttr(el, k, v) { ... 
- 用简单的JS代码制作计算器
		代码+注释一共不到200行,是练习交流的必备良药 主界面如下: 操作示意图: 以下是代码部分 HTML: <div> <table class="window"& ... 
- 倒计时js代码
		<div class="time"> <span id="t_d">00天</span> <span id=" ... 
- 实际项目中积累的一些关于事件的简单应用JS代码段(能力有限,不喜轻喷,23333)
		1:鼠标移入移出显示另一张图片 var yuanquan_1 = document.getElementById("yuanquan_1" ); yuanquan_1. onmo ... 
- JS代码指导原则
		一.什么是平稳退化? 如果含有JS代码的网页在用户浏览器不支持JS(或者禁用JS)时,用户仍然能够顺利浏览(网站功能正常,只是视觉效果可能差一些),那么这个网页就能够平稳退化 网页能够平稳退化是很必要 ... 
- JS代码的简单重构与优化
		JS代码的简单重构与优化(适合新手) 原文 http://www.cnblogs.com/similar/p/5016424.html Demo . 1 //bad if (age > 20) ... 
随机推荐
- DELPHI XE5安装
			1.安装XE5 2. HNFJ-DPADCW-BDWCFU-FPNN QDF4-CTSDHV-RDFCFE-FEAN HNFK-BCN8NN-78N53D-H4RS 破解补丁使用方法: (1).复制压 ... 
- JavaScript+canvas 利用贝塞尔曲线绘制曲线
			效果图: <body> <canvas id="test" width="800" height="300">< ... 
- java系统高并发解决方案(转载收藏)
			一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构.性能的要求都很简单,随着互联网业务的不断丰富,网站 ... 
- css动画属性--轮播图效果
			通过css的动画属性实现轮播图的显示效果 代码如下: 主体部分: <div id="move"> <ul> <li><img src=&q ... 
- GitHub 入门教程
			一.前言 编程进阶的道路是坎坷的,没有任何捷径.这个时期只能是积累.吸收.学习.坚持,做到量的积累,到质的飞跃 古语有云:'书山有路,勤为径'.'不积跬步,无以至千里' 编程是一个动手实践性的学科,多 ... 
- 开始编写寄几的 CSS 基础库
			前言 在现在的互联网业务中,前端开发人员往往需要支持比较多的项目数量.很多公司只有 1-2 名前端开发人员,这其中还不乏规模比较大的公司.这时前端同学就需要独挡一面支持整个公司上下的前端业务,项目如流 ... 
- iBatis一些非见用法(相当实用)
			兼顾效率,iBatis一些非见用法(10条) 2009-09-18 10:33:03 标签:iBatis 休闲 职场 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声 ... 
- [javascript] postmessage
			摘要 postmessage 作为 html5 跨域传值的解决方法,灰常好用啊..本次用的是页面a 用iframe 嵌入 页面b. 使用方法 postmessage 参数 otherWindow.po ... 
- 【EntityFramework 6.1.3】个人理解与问题记录
			前言 又是一个炎热夏日的晚上,开着空调听着音乐又开始了我们今天的博文.此文并不是ROM工具哪家强之类的引战贴,只是本文自己的一点看法和见解,望前辈看官有望斧正 声明 本文欢迎转载,原文地址:http: ... 
- 两百条微信小程序跳坑指南(不定时更新)
			微信小程序联盟出品 跳坑textarea<二百二十三>不显示文本及textarea相关问题集合跳坑<二百一十三> background-image无法获取本地资源图片....跳 ... 
