js随机生成字母数字组合的字符串 随机动画数字

生成随机字母数字组合的字符串

使用Javascript可以生成随机字符串，该字符串包含数字、大小写字母等各种字符类型。生成的随机字符串可以用于密码、验证码等场景。下面是生成随机字符串的代码示例：

function randomString(len) {
 var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
 var maxPos = chars.length;
 var pwd = '';
 for (i = 0; i < len; i++) {
   pwd += chars.charAt(Math.floor(Math.random() * maxPos));
 }
 return pwd;
}

以上代码中的参数len为要生成的随机字符串的长度，可以根据需要自行修改。函数中的chars为可用字符类型的集合，可以根据需要修改。

随机动画数字

动画效果是现代UI设计中非常重要的一环，可以让页面更加生动形象并引导用户对页面进行交互。下面介绍如何实现一个随机数字的动画效果。

首先需要在HTML中添加一个用于显示数字的元素，例如：

<div id="num" style="font-size: 48px;"></div>

接下来是Javascript代码：

//定义函数，每隔一定时间生成一个新的随机数，并进行动画显示
function animate() {
  var numEl = document.getElementById('num');
  var num = Math.floor(Math.random() * 1000);
  var len = 6; //数字要显示的位数
  var strNum = num.toString();
  while (strNum.length < len) {
    strNum = "0" + strNum;
  }
  var i = 0;
  var interval = setInterval(function(){
    numEl.innerHTML = strNum.substr(0, i++);
    if (i > len) {
      clearInterval(interval);
    }
  }, 40); //每隔40ms刷新一次数字
}

//调用函数，让数字开始动画显示
animate();

以上代码中，我们利用setInterval函数来定时生成新的随机数，并进行动画显示。numEl为数字所在的DOM元素，num为当前要显示的数字，strNum为num转换为字符串后的结果，用于处理数字要显示几位的问题。i用于记录当前数字已经显示到了第几位。interval变量用于记录当前动画效果的setTimeout返回值，方便后面用于清除动画效果。

通过上述代码，我们可以轻松实现一个随机数字的动画效果。