另外的一种可以计算的倒计时效果 -- [时间日期]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

另外的一种可以计算的倒计时效果

深山行者个人网站 2010/7/9 10:26:12 深山行者字体:大中小浏览 9680

以下为详细代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>另外的一种可以计算的倒计时效果</title>
<style type="text/css">
body{font-size:12px;}
#years{width:40px; font-size:12px;}
select{font-size:12px;}
#days{font-size:12px; width:20px;}
label{margin:0 4px;}
#divYear{width:150px; padding:5px; border:1px solid #999; -moz-border-radius:5px; -moz-box-shadow:2px 2px 1px #ccc; word-wrap:break-word;}
#divYear a{cursor:pointer;padding:1px 4px;}
#divYear a:hover{background:#ccc; color:#fff;}
</style>
<script type="text/javascript">
	function addLoadEvent(func){
		var oldonload = window.onload;
		if (typeof window.onload != "function") {
			window.onload = func;
		}
		else {
			window.onload = function(){
				oldonload();
				func();
			}
		}
	}
	
	function startTime()  
	{  
	 var weekday = new Array(7); 
	  weekday[0] = "星期日"  
	  weekday[1] = "星期一"  
	  weekday[2] = "星期二"  
	  weekday[3] = "星期三"  
	  weekday[4] = "星期四"  
	  weekday[5] = "星期五"  
	  weekday[6] = "星期六"  
	  
	var today=new Date()  
	var year=today.getFullYear()  
	var month=today.getMonth()+1  
	var day=today.getDate()  
	var week= weekday[today.getDay()]  
	var h=today.getHours()  
	var m=today.getMinutes()  
	var s=today.getSeconds()   
	month=checkTime(month)  
	day=checkTime(day)  
	h=checkTime(h)  
	m=checkTime(m)  
	s=checkTime(s)  
	document.getElementById('today').innerHTML="今天是"+year+"年"+month+"月"+day+"日 "+week+" "+h+":"+m+":"+s  
	t=setTimeout('startTime()',500)  
	}  
	
	keyYear = ""
	keyNumMonth = ""
	keyDay = ""
	function fDate(){
		keyYear = document.getElementById("years").value;
		keyMonth = document.getElementById("months").value;
		keyNumMonth = document.getElementById("months").selectedIndex;
		keyDay = document.getElementById("days").value;
		keyTime = keyMonth + " " + keyDay + "," + keyYear;
		countDown(keyTime);
		setTimeout("fDate()",500)
		
	}
		
	function countDown(j){
		var nowDate = new Date();//实例化 
		var nowTime = nowDate.getTime();//获得当前日期的毫秒数
		var newTime = Date.parse(j);//获得目标日期的毫秒数
		var eTime =  parseInt((Math.abs(newTime-nowTime))/1000) //得到秒数
		
		var eS = eTime%60;//取余得到秒
		var eM = parseInt(eTime/60)
		var eMM = eM%60;//取余得到分钟，以后的方法就一样了
		var eH = parseInt(eM/60); 
		var eD = parseInt(eH/24);
		var eH = eH%24;
		eS = checkTime(eS);
		eMM = checkTime(eMM);
		document.getElementById("txt").innerHTML="距离"+keyYear+"年"+keyNumMonth+"月"+keyDay+"日 还有"+eD+"天"+eH+"小时"+eMM+"分"+eS+"秒"
	}
	
	function checkTime(i)  
	{  
	if (i<10)   
	  {i="0" + i}  
	  return i  
	}
	addLoadEvent(startTime);
</script>
</head>
<body>
	<div id="today"></div>
	<form>
	<h3>请输入要计算的日期</h3>
	<p><input type="text" value="" id="years" /><label>年</label><select id="months"><option>--</option><option value="jan" class="1">1</option><option value="feb">2</option><option value="mar">3</option><option value="apr">4</option><option value="may">5</option><option value="jun">6</option><option value="jul">7</option><option value="aug">8</option><option value="sep">9</option><option value="oct">10</option><option value="nov">11</option><option value="dec">12</option></select><label>月</label><input type="text" value="" id="days" /><label>日</label></p>
	<p><input type="button" value="计算" onclick="fDate()" /></p>
   	</form>
	<p id="txt" style="color:#f00"></p>
</body>
</html>

前一页:利用JavaScript获取现在时间日期与农历

后一页:非常酷的javascript实现万年历功能

相关阅读: asp经典正则表达式应用收藏; 让asp立即输出缓存（Response.flush），实时显示进度; 一个select表单移处数据的效果，非常好用。; 有利于搜索引擎的一些常用的CSS命名规则; 在未知图片的宽度与高度时利用div+css将图片居中; 利用CSS制作的网站中新闻文章列表效果; 深山留言板系统V3.6(游戏之穿越火线幽灵归来); 利ASP里的FOS导出WORD或Excel文档(本人测试成功)

共有0条关于《另外的一种可以计算的倒计时效果》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: 利用JavaScript获取现在时间日期与农历; 另外的一种可以计算的倒计时效果; 非常酷的javascript实现万年历功能; 黑色的非常酷的简单JavaScript日历及说明; 特别简洁的简单JavaScript日历及说明; 可以用于考试系统中试卷上交的javascript倒计时

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 长春康辉旅行社有限责任公司; 19寸宽屏旅行社网站模板8; 旅行社手机网站默认模板; 旅行社线路主题默认模板5; div+CSS的无限级扩展下拉菜单(全部加了注释); 新疆中国国际旅行社有限责任公司

更多标签热门标签

下拉框 instr 数组搜索引擎快捷键弹出边界重叠关键词安装包首页个性 alert web 2.0 面板 SEO 柱状图字符转换案例层三级调色器 V3.1 浮动对象 tab rss 淘宝 tags 分页高小旋风 select 返回底部展开框混合 onload 调用系统垂直 adobe iis 安装 Word 处理经典网页制作变色 Java 第几楼