国产一区二区你懂的,国产综合第一页,国产精品有限公司

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

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

以下為詳細代碼

<!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)歷

后一頁:非常酷的javascript實現(xiàn)萬年歷功能

相關(guān)閱讀: 超級實用且不花哨的js代碼大全( 1 ); 深山行者留言系統(tǒng)V2.0 (簡稱留言板V2.0); 萬圣節(jié)留言板模板; uni-app微信小程序獲得用戶頭像與名稱; uni-app判斷當(dāng)前客戶端是安卓還是ios還是其它平臺; 利用java客戶端靜態(tài)頁面玩分頁; asp用BcO將二進制轉(zhuǎn)八進制然后再OcB將八進制轉(zhuǎn)二進制; png顯示叉號的解決辦法(IE無法顯示PNG格式圖片的解決辦法)

共有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)萬年歷功能; 黑色的非常酷的簡單JavaScript日歷及說明; 特別簡潔的簡單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還有其它的嗎

更多>>隨機抽取信息: 億菇緣; 仙美境; 生意就是這樣做成的; 深山留言板警察出動效果; 旅行社線路主題默認(rèn)模板5; 微軟公司的三道面試題目看了會有意想不到的收獲

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

Response 經(jīng)典留言 dreawmeaver 選項卡 XMLHTTP 縮小首字母載入遍歷定位 overflow 珍惜應(yīng)用展示 outerHTML 數(shù)字網(wǎng)站地圖 IP 萬年歷圖層商城 id 靜態(tài) js 統(tǒng)計下拉 css 透明灰色 adobe 過期做標(biāo) 網(wǎng)易 confirm 判斷 cookies FireFox 拖動密碼標(biāo)注倒計時拼音三級對話框右鍵在線樹型 font-size 鏈接虛擬

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

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