js简单倒计时实现代码


Posted in Javascript onApril 30, 2016

本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考,具体如下:

<div class="time">
 距离活动结束还有<span id="day"></span>天
 <span id="hours"></span>小时
 <span id="min"></span>分
 <span id="sec"></span>秒
</div>
<script type="text/javascript">
var day = document.getElementById("day");
var hours = document.getElementById("hours");
var min = document.getElementById("min");
var sec = document.getElementById("sec");
var DifferenceHour = -1;
var DifferenceMinute = -1;
var DifferenceSecond = -1;
//var Tday = new Date("07 20,2016 10:00:00")  //**倒计时时间点-注意格式
var Tday = new Date("07/20/2016 10:00:00");  //IE:月/日/年
var daysms = 24 * 60 * 60 * 1000;
var hoursms = 60 * 60 * 1000;
var Secondms = 60 * 1000;
var microsecond = 1000;
function clock () {
 var time = new Date();
 var hour = time.getHours();
 var minute = time.getMinutes();
 var second = time.getSeconds();
 var timevalue = "" + ((hour > 12) ? hour-12:hour);
 timevalue += ((minute < 10) ? ":0":":") + minute;
 timevalue += ((second < 10) ? ":0":":") + second;
 timevalue += ((hour > 12) ? " PM":" AM");
 // document.formnow.now.value = timevalue
 var convertHour = DifferenceHour;
 var convertMinute = DifferenceMinute;
 var convertSecond = DifferenceSecond;
 var Diffms = Tday.getTime() - time.getTime();
 DifferenceHour = Math.floor(Diffms / daysms);
 Diffms -= DifferenceHour * daysms;
 DifferenceMinute = Math.floor(Diffms / hoursms);
 Diffms -= DifferenceMinute * hoursms;
 DifferenceSecond = Math.floor(Diffms / Secondms);
 Diffms -= DifferenceSecond * Secondms;
 var dSecs = Math.floor(Diffms / microsecond);
 if (convertHour != DifferenceHour) {
 day.innerHTML = DifferenceHour;
 }
 if (convertMinute != DifferenceMinute) {
 hours.innerHTML = DifferenceMinute;
 }
 if (convertSecond != DifferenceSecond) {
 min.innerHTML = DifferenceSecond;
 }
 sec.innerHTML = dSecs;
 // document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
 setTimeout("clock()", 1000);
}
clock();
</script>

更多关于JavaScript相关内容可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
asp.net下利用js实现返回上一页的实现方法小集
Nov 24 Javascript
基于jquery的cookie的用法
Jan 10 Javascript
基于jquery自己写tab滑动门(通用版)
Oct 30 Javascript
javascript操作css属性
Dec 30 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 Javascript
Javascript删除指定元素节点的方法
Jun 21 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
javascript实现无法关闭的弹框
Nov 27 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
JS实现区分中英文并统计字符个数的方法示例
Jun 09 Javascript
详解从0开始搭建微信小程序(前后端)的全过程
Apr 15 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 #Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
Apr 29 #Javascript
jQuery中数据缓存$.data的用法及源码完全解析
Apr 29 #Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 #Javascript
深入剖析JavaScript中的函数currying柯里化
Apr 29 #Javascript
javascript中利用柯里化函数实现bind方法【推荐】
Apr 29 #Javascript
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
Apr 29 #Javascript
You might like
PHP CKEditor 上传图片实现代码
2009/11/06 PHP
PHP CodeBase:将时间显示为&quot;刚刚&quot;&quot;n分钟/小时前&quot;的方法详解
2013/06/06 PHP
php 获取页面中指定内容的实现类
2014/01/23 PHP
php实现curl模拟ftp上传的方法
2015/07/29 PHP
简单实现PHP留言板功能
2016/12/21 PHP
php中关于换行的实例写法
2019/09/26 PHP
jquery tools 系列 scrollable学习
2009/09/06 Javascript
Javascript中匿名函数的多种调用方式总结
2013/12/06 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
2015/01/13 Javascript
js/jq仿window文件夹框选操作插件
2017/03/08 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
详解nodejs 开发企业微信第三方应用入门教程
2019/03/12 NodeJs
js实现跟随鼠标移动的小球
2019/08/26 Javascript
python编写的最短路径算法
2015/03/25 Python
python实现通过代理服务器访问远程url的方法
2015/04/29 Python
python PIL模块与随机生成中文验证码
2016/02/27 Python
Python实现注册登录系统
2017/08/08 Python
关于Python 3中print函数的换行详解
2017/08/08 Python
Python二叉树的定义及常用遍历算法分析
2017/11/24 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
Python pyautogui模块实现鼠标键盘自动化方法详解
2020/02/17 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
全球异乡人的跨境社交电商平台:Kouhigh口嗨网
2020/07/24 全球购物
职位说明书范文
2014/05/07 职场文书
过程装备与控制工程专业求职信
2014/07/02 职场文书
民间个人借款协议书
2014/09/30 职场文书
2014年社区民政工作总结
2014/12/02 职场文书
党员思想汇报材料
2014/12/19 职场文书
高中教师个人工作总结
2015/02/10 职场文书
我们的节日端午节活动总结
2015/02/11 职场文书
python简单验证码识别的实现过程
2021/06/20 Python
openstack云计算keystone组件工作介绍
2022/04/20 Servers