效果图
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="app" style="font-size: 100px; text-align: center; color: orange;">1</div>
<input type="button" onclick="start()" value="start" id="st"/>
<input type="button" onclick="stop()" value="stop" id="sp"/>
<script type="text/javascript">
var dt;
var st = document.getElementById('st');
var sp= document.getElementById('sp');
var app = document.getElementById('app');
var i=0;
function start(){
st.disabled = true;
sp.disabled = false
dt = setInterval(function(){
app.innerText = i;
i++
},100);
}
function stop(){
sp.disabled= true;
st.disabled=false
clearInterval(dt)
}
</script>
</body>
</html>
本文提供了一个使用HTML和JavaScript创建简单计数器的示例。通过按钮控制计数器开始与停止，计数结果实时显示在一个居中橙色的大号字体元素中。
扫一扫
814
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
