数字滚动[javascript]

最新推荐文章于 2025-09-13 09:06:35 发布

weixin_34304013

最新推荐文章于 2025-09-13 09:06:35 发布

阅读量54

点赞数

CC 4.0 BY-SA版权

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/dingyuanxin/p/3956771.html

本文介绍了一个使用JavaScript实现的简单网页应用，该应用通过一个循环生成小于9的随机数，并将其显示在一个输入框中。同时，每生成一次随机数就将计数器加一，直至达到100次。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<form name="myform" id="myform">
<input type="text" name="random" id="random" value="">
</form>

<script type="text/javascript">
(function(){
   var count=0;
   var hi=function(){
       var x = 10;
       while (x > 9) {
           x = Math.random();
           x = Math.floor(x * 100 / 2);
       }
       document.myform.random.value = x;
       count+=1;
       console.log(count);
       if(count<100){
           var scrollFunc=setTimeout(function(){return hi();},40);
       }
   };
   hi();
})();
</script>

</body>
</html>