几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 527 JAVASCRIPT 鼠标
JavaScript如何写个简单的定时器
来源：互联网
2023-03-16 23:56:17 版权归原作者所有，如有侵权，请联系我们
用setTimeout实现一个定时器功能
工具/原料
- 文本编辑器
HTML
用HTML写个容器和一个开关，用来存放定时器的显示，开始和结束按钮来控制定时器的运行和关闭；代码下文或者如图：
html>
head>
title>定时器/title>
/head>
body>
input type = "text" id=content>
input type = button id=start value="开始">
input type = button id=stop value="结束">
/body>
/html>
JavaScript
用js对HTML进行控制，在适当的地方添加js代码，代码使用动态绑定事件，实现行为和结构分离，代码如下或者如图
script>
var s;
function $(id){
return document.getElementById(id);
}
function display(){
var date = new Date();
var str = date.getTime();
$("content").value = str;
s = setTimeout('display()',1000);
}
window.onload = function(){
$("start").onclick =function(){display();}
$("stop").onclick = function(){clearTimeout(s);}
}
/script>
全部代码
吧上述的HTML和JavaScript代码进行整合到一起，形成如下代码：
直接双击就可以运行了；
html>
head>
title>定时器/title>
script>
var s;
function $(id){
return document.getElementById(id);
}
function display(){
var date = new Date();
var str = date.getTime();
$("content").value = str;
s = setTimeout('display()',1000);
}
window.onload = function(){
$("start").onclick =function(){display();}
$("stop").onclick = function(){clearTimeout(s);}
}
/script>
/head>
body>
input type = "text" id=content>
input type = button id=start value="开始">
input type = button id=stop value="结束">
/body>
/html>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPTHTML编程
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 255 JAVASCRIPT
- 详细阅读