<!DOCTYPE html>
<html>
<head>
<title>走马灯</title>
<meta charset="utf-8">
<style type="text/css">
#test{
width: 500px;
height: 300px;
background: pink;
font-size: 20px;
text-align: center;
}
</style>
</head>
<body>
<div id="test">
Python1804-雄起
</div>
<input type="button" value="开始" style="border-style: dashed;" οnclick="init();var i = setInterval(init,100);">
<input type="button" value="结束" style="border-style: dashed;" οnclick="clearInterval(i)">
<script type="text/javascript">
function init(){
//先获取内容
var content = document.getElementById('test').innerHTML;
var arr = content.split("");
//拿出第一个元素 然后放到后面
var first = arr.shift();
//把拿出来的第一个元素放到 结尾
arr.push(first);
content = arr.join("");
document.getElementById('test').innerHTML = content;
}
var i = setInterval(init,100);
</script>
</body>
</html>
<html>
<head>
<title>走马灯</title>
<meta charset="utf-8">
<style type="text/css">
#test{
width: 500px;
height: 300px;
background: pink;
font-size: 20px;
text-align: center;
}
</style>
</head>
<body>
<div id="test">
Python1804-雄起
</div>
<input type="button" value="开始" style="border-style: dashed;" οnclick="init();var i = setInterval(init,100);">
<input type="button" value="结束" style="border-style: dashed;" οnclick="clearInterval(i)">
<script type="text/javascript">
function init(){
//先获取内容
var content = document.getElementById('test').innerHTML;
var arr = content.split("");
//拿出第一个元素 然后放到后面
var first = arr.shift();
//把拿出来的第一个元素放到 结尾
arr.push(first);
content = arr.join("");
document.getElementById('test').innerHTML = content;
}
var i = setInterval(init,100);
</script>
</body>
</html>