<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script>
</head>
<div id="times_wrap" class="time_num">
距离现在时间:
<div class="time_w">
<span id="now_time" class="time"> </span >
<span id="tellTime" class="time"> </span >
</div>
</div>
<script type="text/javascript">
function showTime(){
var timeStr = '2017-12-05 14:20:00'; //获得的时间字符串.
var timeStr = '2017-12-05 14:20:00'; //获得的时间字符串.
if(timeStr==null || timeStr==''){
return;
}
//var end_str = (timeStr).replace(/-/g,"/");
var class_time = new Date(timeStr); //将时间字符串转换为时间.
var now_time = new Date();
$("#now_time").html(class_time);
var totalSecs=(class_time-now_time)/1000; //获得两个时间的总毫秒数. 靠前的就调换再减。
var days=Math.floor(totalSecs/3600/24);
var hours=Math.floor((totalSecs-days*24*3600)/3600);
var mins=Math.floor((totalSecs-days*24*3600-hours*3600)/60);
var secs=Math.floor((totalSecs-days*24*3600-hours*3600-mins*60));
if (days != 0 ) {
$("#tellTime").html("还有"+days+"天"+hours+"小时"+mins+"分钟"+secs+"秒");
}else if (hours == 0 && mins == 0) {
$("#tellTime").html("还有"+secs+"秒");
}else if (hours == 0 && mins != 0) {
$("#tellTime").html("还有"+mins+"分钟"+secs+"秒");
}else if (hours != 0) {
$("#tellTime").html("还有"+hours+"小时"+mins+"分钟"+secs+"秒");
}
}
var clock;
window.onload=function(){
clock=self.setInterval("showTime()", 500);
}
</script>
</script>
</html>
刷新不重置,开始结束时间可修改倒计时
需积分: 50 83 浏览量
2017-12-06
11:12:18
上传
评论 1
收藏 34KB ZIP 举报
qq_32671605
- 粉丝: 1
- 资源: 5
最新资源
- apk.tw_LineLite_v8a_v.2.17.1_sign.apk
- Elasticsearch实战:构建高效搜索系统的秘诀.zip
- HTML+CSS+JS网页设计:从入门到精通.zip
- 数据库课程设计:从理论到实践的全面指南.zip
- Python闭包:深入理解与应用场景解析.zip
- Win64OpenSSL-3-3-0.exe
- 课高分程设计-基于C++实现的民航飞行与地图简易管理系统-南京航空航天大学
- 航天器遥测数据故障检测系统python源码+文档说明+数据库(课程设计)
- 北京航空航天大学操作系统课设+ppt+实验报告
- 基于Vue+Echarts实现风力发电机中传感器的数据展示监控可视化系统+源代码+文档说明(高分课程设计)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈