js人数递增

最新推荐文章于 2024-09-25 19:16:13 发布

最新推荐文章于 2024-09-25 19:16:13 发布 · 713 阅读

本文介绍了一个使用HTML和JavaScript实现的简单网页应用，该应用能够动态更新显示的数字，并利用localStorage来保存状态。页面初始显示数字8888，之后每秒随机增加0到99之间的数字。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="looknum">女王殿下、<i><img src="icon.png"> </i><span>8888</span>正在看</div>
<script type="text/javascript">
(function(){
var looknum = localStorage.getItem('num73')!= null ? parseInt(localStorage.getItem('num73')) : parseInt(document.querySelector(".looknum span").innerText);
var timer = setInterval(function(){
var randomNum = parseInt(Math.random()* 100)
looknum = looknum + randomNum;
document.querySelector(".looknum span").innerText = looknum.toString();
window.localStorage.setItem('num73',looknum);
},1000)
})();
</script>
</body>
</html>