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

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

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

以下为详细代码

<!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实现万年历功能

相关阅读: 国旅（深圳）国际旅行社有限公司; 一个非常不错的文字的提示; 用dl、dt、dd制作个性表格; javascript根据内容转换为拼音; 背景调色板：状态栏还能显示颜色值; asp远程调用XML; 深山行者留言系统V3.1; nyfreetour.com

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: CSS初级教程边框; [转载]中国行政区划数据（省市区街道）; 移动层，并且保存各个层的位置，可以方便的制作成为一个动态的页面; CSS教程：li和ul标签具体用法举例; DIV+CSS之自动换行; ASP.NET常用的三十三种实用代码(中)

更多标签热门标签

叛断搜索调用 onload 文件夹考试 photoshop 梦幻网易文字垂直安装包想 rnd 滑动文件类型 JavaScript实现文本框提示效果缩小字体增大 alert 选择符选项卡上下左右轮流强度编辑 mssql 效果过滤打字 window loading 排版上传眼睛 Response 数据库统计 em 框移 hack dw 访问量 radio 客户端设计心情 CAD 查找处理 max