jquery实现倒计时
2024-08-30 17:05:16
<html>
<head>
<meta charset="utf-8"/>
<title>jquery实现倒计时</title>
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
</head> <body>
<div id="remainTime" style="font-size:20px;font-weight:800;color:#FF9900"></div> <script type="text/javascript">
$(function(){
var now=new Date();
var end=new Date(2018,2,3,16,10,00);//结束的时间:年,月,日,分,秒(月的索引是0~11)
/*两个时间相减,得到的是毫秒ms,变成秒*/
var result=Math.floor(end-now)/1000; var interval=setInterval(sub,1000); //定时器 调度对象
/*封装减1秒的函数*/
function sub(){
if (result>1) {
result = result - 1;
var second = Math.floor(result % 60); // 计算秒 ,取余
var minite = Math.floor((result / 60) % 60); //计算分 ,换算有多少分,取余,余出多少秒
var hour = Math.floor((result / 3600) % 24); //计算小时,换算有多少小时,取余,24小时制除以24,余出多少小时
var day = Math.floor(result / (3600*24)); //计算天 ,换算有多少天 $("#remainTime").html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
} else{
alert("倒计时结束!");
window.clearInterval(interval);//这里可以添加倒计时结束后需要执行的事件
}
};
});
</script>
</body>
</html>
最新文章
- C++常见笔试面试要点以及常见问题
- jsoup获取文档类示例
- niginx 负载均衡
- 【BZOJ-3033】太鼓达人 欧拉图 + 暴搜
- java内存配置
- loopback 05
- IntelliJ idea 中使用Git
- hdu 4608 I-number 大整数
- Java的结构之美【1】——构造对象
- c#的托管代码和非托管代码的理解
- [洛谷P1842] 奶牛玩杂技
- vscode插件解析-BookMark
- 微信小程序--相关资料
- 将代码从 spark 1.x 移植到 spark 2.x
- FZU 2150 Fire Game(点火游戏)
- springboot 取消post数据大小限制
- Network in Network 个人理解
- unittest 常用的断言方法
- (转)函数库调用 VS 系统调用
- GC之五--SystemGC完全解读
热门文章
- Oracle的“ORA-00937: 不是单组分组函数” 如何解决?
- Thinkphp5 实现动态模板主题多个模板切换
- PMP模拟错题总结
- 小程序报错:对应的服务器 TLS 为 TLS 1.0 ,小程序要求的 TLS 版本必须大于等于 1.2
- js小数计算的问题,为什么0.1+0.2 != 0.3
- dedecms原理及使用
- kafka安装linux版
- 在ensp上静态路由以及默认路由基本配置
- 「杂录」CSP-S 2019 爆炸记&;题解
- Jenkins+gitlab+msbuild