JS实现简单的时分秒倒计时代码
来源:互联网 发布:win10更改Mac 编辑:程序博客网 时间:2024/05/16 05:32
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js简单时分秒倒计时</title> <script type="text/javascript"> function countTime() { //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var endDate = new Date("2016-10-22 23:23:23"); var end = endDate.getTime(); //时间差 var leftTime = end-now; //定义变量 d,h,m,s保存倒计时的时间 var d,h,m,s; if (leftTime>=0) { d = Math.floor(leftTime/1000/60/60/24); h = Math.floor(leftTime/1000/60/60%24); m = Math.floor(leftTime/1000/60%60); s = Math.floor(leftTime/1000%60); } //将倒计时赋值到div中 document.getElementById("_d").innerHTML = d+"天"; document.getElementById("_h").innerHTML = h+"时"; document.getElementById("_m").innerHTML = m+"分"; document.getElementById("_s").innerHTML = s+"秒"; //递归每秒调用countTime方法,显示动态时间效果 setTimeout(countTime,1000); } </script></head ><body onload = "countTime()"> <div> <span id="_d">00</span> <span id="_h">00</span> <span id="_m">00</span> <span id="_s">00</span> </div></body></html>
代码总结:
Math.floor:返回小于等于参数的最大整数
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式
0 1
- JS实现简单的时分秒倒计时代码
- JS实现简单的时分秒倒计时代码
- JS实现简单的时分秒倒计时代码
- 时分秒倒计时的js实现
- js简单时分秒毫秒倒计时
- 倒计时js代码 时分秒-天时分秒
- JS倒计时(时分秒)
- js 倒计时 时分秒
- js时分秒倒计时
- js时分秒倒计时
- js实现倒计时60秒的简单代码
- 时分秒倒计时 实现
- js做倒计时的时分秒计算方法
- 实现时分秒的倒计时效果
- 倒计时日时分秒的完美实现。
- JS将秒换成时分秒实现代码
- js代码实现倒计时秒杀的效果
- js实现时分秒的定时器
- hadoop集群中某一台机器shutdown
- 第二讲 探秘微信公众号
- 关于map的学习
- 回文数组【无意间看到的题】
- 怎样看待越来越多cocos2dx程序员转unity3d,unity是否是大势所趋?
- JS实现简单的时分秒倒计时代码
- __str__方法
- R语言连接Oracle的一种方式:使用ROacle
- 用runtime给textView添加placeholder
- [iOS Xcode8]上传AppStore 无法构建版本 没有➕号
- 深度学习常用链接
- API 23 widget.RelativeLayout——属性分析
- Trapping Rain Water II
- 《嫌疑人X的替身》扑朔迷离的剧情