数字随机变化效果
image.png
链接：http://js.jirengu.com/filepesinu
代码：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>学费计算</title>
<meta name="keywords" content="学费计算"/>
<meta name="description" content="学费计算"/>
</head>
<body>
<form id="freecoursesuan">
<div class="xuefei">
<ul>
<li>
<h1 class="title02">学费计算器</h1>
<h2 class="title02">你想知道学费多少吗，可以自己测算一下</h2>
<input type="text" class="count" v-model="count"></li>
</ul>
</div>
</form>
<script type="text/javascript" src="https://www.bdqnsz.com/skin/js/vue.min.js"></script>
<script>
var vm = new Vue({
el: '#freecoursesuan',
data: {
count: '学费预计00000元',
},
mounted: function () {
var that = this;
this.Interval = setInterval(function () {
that.count = '学费大概' + Math.floor(Math.random() * 3) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + '元';
}, 600)
}
})
</script>
</body>
</html>
页面：http://www.0769bdqn.com//special/tuition/?pc_hash=Bpe5TK#test&tdsourcetag=s_pctim_aiomsg
效果：
image.png
网友评论