2019-4-25 定時器學習

時間 2019-12-08

標籤定時器學習简体版

原文原文鏈接

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>



<div>倒計時<span id="ms">5</span>秒，跳轉至百度</div>
<div>當前時間：<span id="nowTime"></span></div>


</body>

<script type="text/javascript">
//2000毫秒後執行fn中的代碼，而且接受timeid；
var timeId = setTimeout(function(){
console.log("settimeout...");
},2000);
//清除定時器
clearTimeout(timeId);

//每隔1000毫秒後執行fn中代碼，而且接收timeid;
var timeId = setInterval(function(){
console.log("setinterval...");
},1000);
//清除定時器
clearInterval(timeId);
</script>

<script type="text/javascript">
// 定時器練習
//1.用戶打開網頁3s後，彈出一個廣告
setTimeout(function(){
console.log("我是一個廣告哦");
},3000);

//2.倒計時5s後跳轉至百度
//獲取倒計時的內容
var ms = document.getElementById("ms");
//開啓一個定時器
var timeId = setInterval(function(){
//獲取當前秒數，而後-1
var value = parseInt(ms.innerHTML)-1;
ms.innerHTML = value;

//若是當前是0秒則清除定時器
if (value == 0) {
clearInterval(timeId);
//跳轉至百度
// location.href = "http://www.baidu.com"
}
},1000);

//3.顯示當前時間，而且每秒更新一次
//獲取當前時間的字符串
function getNowDate(){
//建立時期對象
var date = new Date();

//獲取小時
var h = date.getHours();

//獲取分
var m = date.getMinutes();

//獲取秒
var s = date.getSeconds();

//將獲取的時分秒組合，並返回值
return h+":"+m+":"+s;
}
//獲取顯示時間標籤
function updateNowTime(){
nowTime.innerHTML = getNowDate();
console.log("1133");
}
//獲取時間的顯示位置,並將函數設置好的時間顯示出來
var nowTime = document.getElementById("nowTime");
updateNowTime();

//獲取的當前時間是固定的咱們須要開啓一個定時器，修改時間
setInterval(updateNowTime,1000);
</script>
</html>javascript

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。