人人叉,国产精品99999,国精产品一区二区三区

另外的一種可以計算的倒計時效果

深山行者個人網(wǎng)站 2010/7/9 10:26:12 深山行者字體:大中小瀏覽 9229

以下為詳細代碼

<!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();//獲得當(dāng)前日期的毫秒數(shù)
		var newTime = Date.parse(j);//獲得目標(biāo)日期的毫秒數(shù)
		var eTime =  parseInt((Math.abs(newTime-nowTime))/1000) //得到秒數(shù)
		
		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獲取現(xiàn)在時間日期與農(nóng)歷

后一頁:非?？岬膉avascript實現(xiàn)萬年歷功能

相關(guān)閱讀: 深山留言板系統(tǒng) v3.5; uni-app開發(fā)微信小程序使用button的open-type為contact調(diào)用微信客服不能用view或者js調(diào)用; 名揚石化; 啟動旅行社管理系統(tǒng)3.0的開發(fā)服務(wù); 連云港黨建門戶網(wǎng)站; 如何利用ASP清除所有的Application對象; 連云港天天美食網(wǎng); CSS關(guān)于box（盒模式）的一系列問題詳解

共有0條關(guān)于《另外的一種可以計算的倒計時效果》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱:
表情:
內(nèi) 容:	評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼:

網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: 利用JavaScript獲取現(xiàn)在時間日期與農(nóng)歷; 另外的一種可以計算的倒計時效果; 非常酷的javascript實現(xiàn)萬年歷功能; 黑色的非?？岬暮唵蜫avaScript日歷及說明; 特別簡潔的簡單JavaScript日歷及說明; 可以用于考試系統(tǒng)中試卷上交的javascript倒計時

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 黃河龍城2015最幸福情侶投票選舉; 強制轉(zhuǎn)載文章者加上你的文章出處; ASP和AJAX應(yīng)用一例,檢測注冊用戶是否有效; 跳轉(zhuǎn)菜單,跳轉(zhuǎn)后用新窗口打開; 旅行社線路主題默認模板4; CSS關(guān)于box（盒模式）的一系列問題詳解

更多標(biāo)簽熱門標(biāo)簽

站長增大成功創(chuàng)建 dl 瀏覽器 dreawmeaver 相冊排版樹型文字垂直居中案例 Dreamweaver 快捷排序縮略圖文件類型統(tǒng)計 web2.0 天氣預(yù)報加長 FireFox qq right 產(chǎn)品網(wǎng)站地圖深山旅游網(wǎng)站管理系統(tǒng)V1.0 操作 xhtml 變大日期加密屏幕在線安裝包 iframe 留言板 DOCTYPE 提交移動 asasds 左右鍵盤萬年歷電腦收藏 css 透明焦點 png 做標(biāo) hover

99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

另外的一種可以計算的倒計時效果