js之定時器操作
阿新 • • 發佈：2018-09-28
abs 第一個字符 tin type itl ntb 跑馬燈 get function
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.pmd{
width:200px;
height: 100px;
color: red;
position: absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
}
</style>
</head>
<body>
<div class="pmd" id="i1" >快看我寫了個跑馬燈</div>
<div id="i2" class="pmd" style="margin-top: 200px" >這是一個滾動播放的內容</div>
</body>
<script>
//創建一個定時器
//setInterval(‘alert(123)‘,2000)
//定義一個函數
function f1(data) {
alert(data);
}
//調用函數 註意用‘‘將函數括起來
//也可以寫成
//setInterval(function(){ f1("這是一個彈窗")},2000)
//setInterval(‘f1("這是一個彈窗")‘,2000)
//跑馬燈 替換第一個字符到最後
function f2() {
var tag=document.getElementById(‘i1‘);
var content=tag.innerText
var f=content.charAt(0)
var l=content.substring(1,content.length)
var new_content=l+f;
tag.innerText=new_content;
}
//定時執行
setInterval(‘f2()‘,100)
//替換最後一個字符到最前面 嘿嘿嘿
function f3() {
var tag=document.getElementById(‘i2‘);
var content=tag.innerText
var length=content.length-1
var f=content.charAt(length)
var l=content.substring(0,content.length-1)
var new_content=f+l;
tag.innerText=new_content;
console.log()
}
setInterval(‘f3()‘,500)
</script>
</html>
js之定時器操作