使用 jQuery 设置随机值的字体大小？

Question

当return设置一个固定值时，字体大小可以很好地改变：

$wordElement.css('font-size', function() {
    return '3vw';
});

但是当尝试 return 这样的随机值时：

$wordElement.css('font-size', function() {
    return '\'' + Math.ceil((cssRandom * 3) + 1) + 'vw\'';
});

它不起作用。这里出了什么问题？以及如何将字体大小设置为随机值？

Answer 1

我不认为 cssRandom 是 javascript。尝试

Math.ceil((Math.random() *3 )+1)

Answer 2

删除 Math.ceil 调用周围不必要的转义和引号。您可以使用 $.now() .slice() 检索 "random" 数值

var cssRandom = String($.now()).slice(-1);
$("div").css("font-size", function() {
   return Math.ceil((cssRandom * 3) + 1) + "vw";
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>abc</div>

Setting font-size with random value using jQuery?