这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 js 纯数字逐一停止显示效果的实现代码。小编觉得非常不错。现在分享给大家。给大家一个参考
js 纯数字逐一停止显示效果的实现代码
- function showScore($ele, num, secand, pause) { //second 按照秒数,动画运行多少秒
- if (!secand) {
- secand = 2;
- }
- if (!pause) {
- pause = 20;
- }
- var len = String(num).length;
- var temnum, times = 0,
- stepTimes, max;
- var numArr = String(num).split("");
- function getRandom(n) {
- var num = Math.floor(Math.random() * (Math.pow(10, n) - 1 - Math.pow(10, n - 1)) + Math.pow(10, n - 1));
- if (String(num).length !== n) {
- num = getRandom(n);
- }
- return num;
- }
- function setValue(num, pause, secand) { //second 运行多少秒后停止
- var len = String(num).length,
- j = 0;
- if (!stepTimes) {
- max = Math.ceil(secand * 1000 / len);
- stepTimes = Math.ceil(max / pause);
- }
- temnum = "";
- setTimeout(function() {
- for (var i = 1; i <= len; i++) {
- if (times >= stepTimes * i) {
- j++;
- temnum += numArr[i - 1] + "";
- } else {
- break;
- }
- };
- if (j < len) {
- $ele.html(temnum + "" + getRandom(len - j));
- } else {
- $ele.html(temnum);
- }
- if (times >= max || j >= len) {
- return;
- };
- setValue(num, pause, secand);
- times++;
- },
- pause);
- }
- setValue(num, pause, secand);
- }
- showScore($(".num"), 2344, 1.5, 10);
效果纯数字逐一停止显示效果,比如这个个数字不停的变化,第一位先定下来,第二位再确定,然后第三位再确定下来。因为项目用了几天废弃,所以存下档。
以上这篇 js 纯数字逐一停止显示效果的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0624/266676.html