js实现测试cpu速度代码
代码语言：html
所属分类：其他
代码描述：js实现测试cpu速度代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
h1#b {
font-size: 60px;
font-family:medula one;
color:#fff;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
h1 {
font-size: 75px;
font-family:medula one;
color:#fff;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
h1 span {
-moz-transition: color 1s;
-webkit-transition: color 1s;
-o-transition: color 1s;
transition: color 1s;
}
h1:hover .char1 {
-moz-transition: color 0.2s;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
color: red;
-webkit-transform: scale(0.9);
}
h1:hover .char2 {
-moz-transition: color 0.2s 0.1s;
-webkit-transition: color 0.2s 0.1s;
-o-transition: color 0.2s 0.1s;
transition: color 0.2s 0.1s;
color: orange;
}
h1:hover .char3 {
-moz-transition: color 0.2s 0.2s;
-webkit-transition: color 0.2s 0.2s;
-o-transition: color 0.2s 0.2s;
transition: color 0.2s 0.2s;
color: yellow;
}
h1:hover .char4 {
-moz-transition: color 0.2s 0.3s;
-webkit-transition: color 0.2s 0.3s;
-o-transition: color 0.2s 0.3s;
transition: color 0.2s 0.3s;
color: green;
}
h1:hover .char5 {
-moz-transition: color 0.2s 0.4s;
-webkit-transition: color 0.2s 0.4s;
-o-transition: color 0.2s 0.4s;
transition: color 0.2s 0.4s;
color: blue;
}
h1:hover .char6 {
-moz-transition: color 0.2s 0.5s;
-webkit-transition: color 0.2s 0.5s;
-o-transition: color 0.2s 0.5s;
transition: color 0.2s 0.5s;
color: indigo;
}
h1 {
font-size: 75px;
font-family:medula one;
color:#fff;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
span
{
cursor:pointer;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
span#char1:hover {
color: red;
}
span#char2:hover {
color: yellow;
}
span#char3:hover {
color: Green;
}
span#char4:hover {
color: maroon;
}
span#char5:hover {
color: blue;
}
span#char6:hover {
color: pink;
}
span#char7:hover {
color: orange;
}
span#char8:hover {
color: purple;
}
h2 {
font-size: 75px;
font-family:medula one;
color:#ccc;
-webkit-transition: all .7s ease-out;
-moz-transition: all .7s ease-out;
-o-transition: all .7s ease-out;
transition: all .7s ease-out;
}
h2:hover{
cursor:pointer;
color:#fff;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
h1 {
font-size: 75px;
font-family:medula one;
color:fff;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
#vibrate h1 span {
display: inline-block;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
}
#vibrate h1:hover span {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-animation: amaz 0.2s linear infinite 0.3s;
-moz-animation: amaz 0.2s linear infinite 0.3s;
}
@-webkit-keyframes amaz {
0% {
-webkit-transform: rotate(0) scale(1.3);
}
25% {
-webkit-transform: rotate(5deg) scale(1.3);
}
50% {
-webkit-transform: rotate(0deg) scale(1.3);
}
75% {
-webkit-transform: rotate(-5deg) scale(1.3);
}
100% {
-webkit-transform: rotate(0) scale(1.3);
}
}
@-moz-keyframes amaz {
0% {
-moz-transform: rotate(0) scale(1.3);
}
25% {
-moz-transform: rotate(5deg) scale(1.3);
}
50% {
-moz-transform: rotate(0deg) scale(1.3);
}
75% {
-moz-transform: rotate(-5deg) scale(1.3);
}
100% {
-moz-transform: rotate(0) scale(1.3);
}
}
h2.sexy {
font-size: 75px;
font-family:medula one;
color:#fff;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
h2.sexy span {
display:inline-block;
-webkit-transition:all 0.2s ease-out;
}
h2.sexy span:hover {
-moz-transform:scale(1.3);
-webkit-transform:scale(1.3);
}
</style>
</head>
<body translate="no" >
<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
}
window.open = SymWinOpen;
//-->
</script>
<script language="javascript">
<!--
var largeloopsize = 2000;
if (navigator.userAgent.indexOf("Firefox/2.")!=-1 )
{
largeloopsize = 15;
}
time = new Date();
starttime = time.getTime();
endtime = starttime;
y=0;
x=0;
var smallloopsize = 100;
var rawbenchmark; // raw bench back without browser calibration
do
{
for(j = 0; j <= 256; j++) // main loop itterations
{
time = new Date();
endtime = time.getTime();
downloadtime = (endtime - starttime)/1000;
if ( downloadtime > 1)
{
for(i = 1; i <= smallloopsize; i++) // fast loop
{
kbytes_of_data = 50; // data file size
datamoved = kbytes_of_data/downloadtime;
CPUbenchmark = (((datamoved*8)*10*1.02))/10;
CPUspeed = (((kbytes_of_data*10)/downloadtime))/10;
dltime_add10 = ((kbytes_of_data*1.15)/CPUspeed);
dltime_sub10 = ((kbytes_of_data*0.85)/CPUspeed);
}
y++; // small loop counter
}
else
{
for(i = 1; i <= largeloopsize; i++) // slow loop
{
kbytes_of_data = 50; // data file size
datamoved = kbytes_of_data/downloadtime;
CPUbenchmark = (((datamoved*8)*10*1.02))/10;
CPUspeed = (((kbytes_of_data*10)/downloadtime))/10;
dltime_add10 = ((kbytes_of_data*1.15)/CPUspeed);
dltime_sub10 = ((kbytes_of_data*0.85)/CPUspeed);
}
x++; // large loop counter
}
rawbenchmark = Math.r.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0