javascript实现倒计时
2024-08-26 12:59:05
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>大三倒计时</title>
</head>
<body>
<div>
距离大三结束时间2015年7月1日仅有:<span id="otherTime"></span>
</div>
<script type="text/javascript">
var objElem = document.getElementById("otherTime"); var endTime = new Date('2015', '7', '1').getTime(); var nowTime = null;
var laveTimer = null; function laveTime() {
nowTime = new Date().getTime(); var a = endTime - nowTime;//距离指定的时间还有多少毫秒.. if (a > 0) { var arr_1 = [1000*60*60*24, 1000*60*60, 1000*60, 1000],
arr_2 = ['天', '小时', '分', '秒'],
temp = null; var timeDesArr = []; for (var i = 0, len = arr_1.length; i<len ; i++) {
temp = Math.floor(a/arr_1[i]); if (temp > 0) {
timeDesArr.push((String(temp).length == 1 ? ("00"+temp).substr(1) : temp) + arr_2[i]);
} a -= arr_1[i]*temp;
} objElem.innerHTML = timeDesArr.join(""); } else {
objElem.innerHTML = "到时间了!";
clearInterval(laveTime);
laveTime = null;
}
} //因为我们的时候是一秒一秒的在走,那么也需要一秒一秒的改变一下这个剩余时间了,一秒执行一次laveTime函数
laveTimer = setInterval(laveTime, 1*1000);
</script>
</body>
</html>
效果图如下:
最新文章
- 关于input/textarea提交内容空格回车转换问题,以及ng-model去除空格问题
- C#设计模式 - 观察者模式(使用委托)
- HTML: Css引入的四種方式
- Android利用V4包中的SwipeRefreshLayout实现上拉加载
- 《c++程序设计》笔记
- 根据不同的浏览器对不同元素进行css调整
- 无法为请求的 Configuration 对象创建配置文件 错误原因
- Struct2(五)处理表单
- python正则表达式实例
- POJ1797 Heavy Transportation 【Dijkstra】
- 关于t00ls的挂机脚本
- .NET开发设计模式-模板模式
- spring启动容器加载成功后执行调用方法
- 测者的测试技术手册:自动的自动化框架EvoSuite集成Cobertura得到可视化的代码覆盖报告
- 关于使用 JSON.parse()报 VM141:1 Uncaught SyntaxError 的解决方案
- 【Cocos2d-html5】运动中速度效果
- shell脚本编写informix数据库中表的导入和导出
- angular5中使用全局变量
- Jena 操作 RDF 文件
- git爬坑不完全指北(一):Permission to xxx.git denied to user的解决方案
热门文章
- HDU 4122 Alice&#39;s mooncake shop
- sql的基本查询语句
- 关于httpHandlers、handlers和httpModules、modules的那些配置中的各种问题
- mongodb 学习笔记 04 -- 游标、索引
- swift锁屏播放,音乐进度更新,专辑,歌手名显示
- cql
- 事件:target与currentTarget区别
- android的color整理(一)
- Jquery实现鼠标hover图片遮罩弹出提示层特效
- EntityFramework, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089”或它的某一个依赖项。找到的程序集清单定义与程序集引用不匹配