python : HTML+CSS (定时器轮寻)
2024-08-26 10:53:20
定时器轮寻
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="a"> 北京欢迎您,为你开天辟地</div>
<script>
function func() {
//z 根据Id获取标签的内容
var tag = document.getElementById('a');
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('func()', 500);
</script>
</body>
</html>
定时器轮寻
弹出框
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<!--定义一下我是什么语言-->
<title>Title</title> </head>
<body>
<input type="text"/>
<input id="user" type="button" value="点我" onclick="dianji()"/>
<script >
function dianji() {
var i=document.getElementById('user')
alert(i.value)
}
</script>
</body>
</html>
弹出框
跑马灯
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Title</title>
</head>
<body>
<h1 id ='res'>有没有那么一首歌,会让我突然想起你</h1>
<script>
function f1() {
var i=document.getElementById('res');
var content=i.innerText;
var f=content.charAt(0);
var d=content.substring(1,content.length);
var new_content=d+f;
i.innerText=new_content;
}
setInterval('f1()',500)
</script> </body>
</html>
跑马灯
最新文章
- 在离线环境中发布.NET Core至Windows Server 2008
- maven中运行hibernate5的一些注意事项
- 27Where条件筛选数据-简单(必学)-天轰穿sqlserver视频教程
- CodeForces 86D Powerful array(莫队+优化)
- Java:静态导入
- RESTful API 设计最佳实践(转)
- Gradle插件
- cf B Inna and Candy Boxes
- 关于欧几里得算法(gcd)的证明
- BZOJ 4513: [Sdoi2016]储能表 [数位DP !]
- java Classpath 的解读
- Vue.js 条件与循环
- 20165313Java实验四 Android程序设计
- HDU 3072 Intelligence System(tarjan染色缩点+贪心+最小树形图)
- maven intall在target文件夹中自动生成的war包部署服务器时缺斤少两
- oracle 导出导入命令
- .NetCore mvc Ajax Post数据到后端
- springboot tomcat的使用
- jquery 去除空格
- IE的layout布局