html的倒计时学习
来源:互联网 发布:淘宝图片很不清楚 编辑:程序博客网 时间:2024/04/30 12:08
因为业务需要,做个截止到某个时间的倒计时。
网上有现成的,消化吸收了一下,下面是自己今天的学习收获:
<div id="timeShow"></div>
<script type="text/javascript">
var now = new Date();
function createTime()
{
var desTime = new Date("2012/5/20 12:00:00");
now.setTime(now.getTime() + 200);
desMS = (desTime - now) / 1000;
days = desMS / 60 / 60 / 24;
dayNum = Math.floor(days);
hours = (desTime - now) / 1000 / 60 / 60 - (24 * dayNum);
hourNum = Math.floor(hours);
if (String(hourNum).length == 1)
{
hourNum = "0" + hourNum;
}
minutes = desMS / 60 - (24 * 60 * dayNum) - (60 * hourNum);
minuteNum = Math.floor(minutes);
if (String(minuteNum).length == 1)
{
minuteNum = "0" + minuteNum;
}
seconds = desMS - (24 * 60 * 60 * dayNum) - (60 * 60 * hourNum) - (60 * minuteNum);
secondNum = Math.round(seconds);
if (String(secondNum).length == 1)
{
secondNum = "0" + secondNum;
}
document.getElementById("timeShow").innerHTML = dayNum + "day " + hourNum + ":" + minuteNum + ":" + secondNum;
}
setInterval("createTime()", 200);
</script>
- html的倒计时学习
- 倒计时的html页面
- html倒计时
- html 倒计时
- 倒计时.html
- 学习倒计时
- html倒计时代码
- html倒计时工具
- html页面倒计时
- HTML倒计时JS
- html页面(倒计时)
- 静态html实现倒计时
- 使用JavaScript设计一个简单的HTML倒计时页面
- jquery.countdown 倒计时插件的学习
- 关于倒计时的小demo学习
- 倒计时js和html代码
- html js精简 倒计时 代码
- html版电子表,秒表,倒计时
- magento中生成https链接的简单方法
- string类模式匹配KMP 数组版本
- PHP文件操作详细诠释
- minicom配置
- alizee
- html的倒计时学习
- 内联函数FAQ
- VXLAN标准初探:扩展VLAN 支持远距离VM迁移
- 第13周任务2.1
- 今天开始在办公室上班了。
- 国外主要通用网络管理软件
- Netbeans7.0.1下使用JDBC连接MSSQL2008
- Java中的反射
- SQL Server自定义函数