名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
- 本篇文章具体介绍如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XhTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> countDown test
截止日期
运行具体代码 保存具体代码
html部分具体代码：
可在文本框中输入倒计时的时间，如果当前时间小于截止时间，则正常返回，反之，则返回距离截止日期到现在的时间
具体代码如下:
<p>
<label for="deadline">截止日期</label>
<input type="text" value="2011-06-11" id="deadline" />
<input type="button" value="开始倒计时" onclick="window.setInterval('countDown(\'deadline\')', 1000)" />
</p>
<p id="showTime"></p>
javascript部分具体代码：
具体代码如下:
function countDown(endDate) {
var now = new Date();
var deadtime = document.getElementById(endDate);
var deadline = new Date(deadtime.value);
//本地时间与格林威治标准时间 (GMT) 的分钟差
var timeDiff = now.getTimezoneOffset();
//此处有些不解，如果把分钟差转化成毫秒应该是timeDiff*60*1000，但是这样返回的数据不正确！
var leave = Math.abs(deadline.getTime() - now.getTime() timeDiff*60);
var minute = 1000 * 60;
var hour = minute * 60;
var day = hour * 24;
var countDay = Math.floor(leave/day);
//var counthour = Math.floor((leave - day*countDay)/hour); 两种计算思路
var counthour = Math.floor(leave/hour - countDay*24);
var countMinute = Math.floor(leave/minute) - countDay*24*60 - counthour*60;
var countSecond = Math.floor(leave/1000) - countDay*24*60*60 - counthour*60*60 - countMinute*60;
var outStr = "";
if(deadline < now) {
outStr = "距离" deadtime.value "已有" countDay "天" counthour "小时" countMinute "分" countSecond "秒";
} else {
outStr = "距离" deadtime.value "还差" countDay "天" counthour "小时" countMinute "分" countSecond "秒";
}
var showTime = document.getElementById("showTime");
showTime.innerhTML = outStr;
}
相关文档推荐
简单掌握CSS3将文字描边及填充文字颜色的方法 CSS网站布局技巧几则总结 CSS网站网页设计布局强制换行和强制不换行的属性讲解 CSS教程:网站网页设计字体的设置和控制 让XhTML元素的命名规则更加合理 jQuery版Tab标签切换-jquery 符合WEB标准的网站网页设计图像的具体代码精简 使用jquery实现select添加实现后台权限添加的效果-jquery CSS:用overflow代替left截取指定长度字符串 很棒的学习jQuery的12个网站推荐-jquery jquery on事件jquery on实现绑定多个事件 js正则表达式 超轻量级的基于jquery的三级展开列表-jquery JavaScript EasyPager 分页函数-javascript技巧 CSS教程:网站网页设计英文字体和中文字体应用精品模板推荐
推荐
Dedecms蓝色大气博客网站模板
2014-07-18 301 8金币下载
推荐
高端炫酷网络公司建站工作室织梦
2017-07-28 508 200金币下载
推荐
餐饮连锁店咖啡厅饮料品牌公司企
2016-12-06 412 70金币下载
建筑智能化软件研发系统类织梦模
2018-07-07 290 20金币下载
魔术工作室dedecms织梦网站源码
响应式自适应企业通用类网站织梦
红色高端大气婚纱摄影织梦网站 带手机WAP站同步PC站数据 响应式自适应医疗美容整形机构企业网站织梦模板 四通政府整站,极品dedecms源码 响应式新材料类网站织梦dedecms模板(中英双语自适应版) 高端科技类企业通用织梦网站源码 宽屏dedecms装修设计家装软装别墅装修网站 工商企业管理代理记账注册公司dedecms网站源码 鲜花产品展示网站类织梦模板(带手机端) 美甲美容美发化妆培训机构学校企业织梦模板 织梦红色按摩中心网站模板 响应式监控类电子科技设备网站织梦模板(自适应各类移动设备) 电线电缆设备辅助材料类网站织梦模板带手机端 宠物狗机构类网站织梦模板(带手机端) 织梦贼牛搞笑网站源码_dedecms搞笑类网站源码 门锁类织梦网站模板带手机网站专业的织梦模板定制下载站，在线购买后即可下载！
商业源码好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明，本站内容来源于互联网，如果侵犯了你的权益请联系本站删除。,基于jquery的合并table相同单元格的插件(精简版)-jquery
