<!DOCTYPE html>
<html>
<head>
<meta name="description" content="task22-3" />
<meta charset="utf-8">
<title>JS Bin</title>
<style>
</style>
</head>
<style>
li{
border: 1px solid red;
}
</style>
<body>
<select placeholder="選擇一個時間" id=myselect>
<option value="1" selected>1分鐘</option>
<option value="5">5分鐘</option>
<option value="10">10分鐘</option>
<option value="20">20分鐘</option>
</select>
<button id=startButton>start</button>
<button id=pauseButton disabled>pause</button>
<button id=resumeButton disabled>resume</button>
<div id="outputDiv">
</div>
<script>
var timeLeft=10
var timer=null
function showTime(){
outputDiv.textContent=timeLeft+'秒';
if(timeLeft===0) return;
--timeLeft;
timer=setTimeout(showTime,1000)
}
startButton.onclick=function(){
timeLeft=parseInt(myselect.value)*60
console.log(timeLeft)
if(timer){
window.clearTimeout(timer)
}
showTime()
pauseButton.disabled=false
}
pauseButton.onclick=function(){
console.log(timer)
if(timer){
console.log("123")
window.clearTimeout(timer)
}
resumeButton.disabled=false
}
resumeButton.onclick=function(){
showTime()
pauseButton.disabled=false
}
</script>
</body>
</html>
倒計時
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來纲爸，“玉大人亥鸠，你說我怎么就攤上這事∈独玻” “怎么了负蚊？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長颓哮。 經(jīng)常有香客問我家妆，道長，這世上最難降的妖魔是什么冕茅？ 我笑而不...
- 正文 為了忘掉前任伤极，我火速辦了婚禮，結(jié)果婚禮上姨伤，老公的妹妹穿的比我還像新娘哨坪。我一直安慰自己，他們只是感情好乍楚，可當我...
- 文/花漫 我一把揭開白布当编。 她就那樣靜靜地躺著，像睡著了一般徒溪。 火紅的嫁衣襯著肌膚如雪忿偷。 梳的紋絲不亂的頭發(fā)上金顿，一...
- 文/蒼蘭香墨 我猛地睜開眼慧妄，長吁一口氣：“原來是場噩夢啊……” “哼顷牌！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起塞淹，我...
- 正文 年R本政府宣布，位于F島的核電站征冷，受9級特大地震影響择膝，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜检激，卻給世界環(huán)境...
- 文/蒙蒙 一肴捉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧叔收，春花似錦每庆、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽伦籍。三九已至蓝晒，卻和暖如春腮出，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背芝薇。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- github地址 https://github.com/bigrainbig/countdown一個簡單的計時器
- 做一朵白蓮花吧机断，在物欲橫流的社會底層靜靜發(fā)育楷拳，不沾染一點灰塵，慢慢伸出理想的枝干吏奸，穿越爾虞我詐的茂密荷葉欢揖，...
- 1功能概述 籃球是一種以將籃球投入對方籃框里的對抗性體育運動，與足球奋蔚、排球一起被稱為“三大球”她混，是當今世界上最為廣...
- 原文地址：http://www.oschina.net/code/snippet_2001568_48311特別說...
- 很多現(xiàn)實會打破你的愛情幻想 票子、房子旺拉、車子产上、孩子……這些都足夠打破你的愛情幻想了。 但這并不是因為愛情脆弱蛾狗，而是...
