在好例子网,分享、交流、成长!
您当前所在位置:首页js 开发实例Ajax框架/RIA → 交错阶梯色彩测试

交错阶梯色彩测试

Ajax框架/RIA

下载此实例
  • 开发语言:js
  • 实例大小:0.04M
  • 下载次数:7
  • 浏览次数:118
  • 发布时间:2020-07-27
  • 实例类别:Ajax框架/RIA
  • 发 布 人:cavin05
  • 文件格式:.zip
  • 所需积分:1
 相关标签: 测试

实例介绍

【实例简介】交错阶梯法色彩测试

【实例截图】

from clipboard

【核心代码】

function doSave(value, type, name) {
    var blob;
    if (typeof window.Blob == "function") {
        blob = new Blob([value], {type: type});
    } else {
        var BlobBuilder = window.BlobBuilder || window.MozBlobBuilder || window.WebKitBlobBuilder || window.MSBlobBuilder;
        var bb = new BlobBuilder();
        bb.append(value);
        blob = bb.getBlob(type);
    }
    var URL = window.URL || window.webkitURL;
    var bloburl = URL.createObjectURL(blob);
    var anchor = document.createElement("a");
    if ('download' in anchor) {
        anchor.style.visibility = "hidden";
        anchor.href = bloburl;
        anchor.download = name;
        document.body.appendChild(anchor);
        var evt = document.createEvent("MouseEvents");
        evt.initEvent("click", true, true);
        anchor.dispatchEvent(evt);
        document.body.removeChild(anchor);
    } else if (navigator.msSaveBlob) {
        navigator.msSaveBlob(blob, name);
    } else {
        location.href = bloburl;
    }
}

(function() {
	// 实验总次数
	var total = 0;
	// 主色调
	var baseColor =  "rgb(57,85,133)";
	// 变化颜色
	var newColor = document.getElementById("container"),
		a1 = 67,
		b2 = 85,
		c3 = 113;
	/*container.style.backgroundColor = "rgb(" a1 "," b2 "," c3 ")";*/
	// 变化区域序号
	var changeIndex;
	
	//增加的地方!!!!!!!!!!!!!1

	var txt="blue1"
	var txt2;
	//增加的地方停止

	var step = -3;
	// 计时器--4秒之后
	var timer
	/*setTimeout(function() {
		// 隐藏颜色区域
		$('#container').hide();
		// 准备下一轮--按识别错误处理
		nextChoose(false);
	}, 4000);*/

	// 点击事件
	$('#container>.r').click(function(event) {
		// 取消计时
		clearTimeout(timer);
		// 隐藏颜色区域
		$('#container').hide();
		// 是否选择正确
		var flag = $(this).attr('index') == changeIndex;
		// 准备下一轮
		nextChoose(flag);
	});

	// 下一轮
	function nextChoose(flag) {
		// 是否达到试验次数
		if (  total > 12) {
			return;
		}
		// 步长变化
		colorStep(flag);

		// 更改背景色
		changeColor();

		// 显示变化之后的区域颜色
		$('#container').show();

		// 重新计时--4秒之后
		timer = setTimeout(function() {
			// 隐藏颜色区域
			$('#container').hide();
			// 准备下一轮--按识别错误处理
			nextChoose(false);
		}, 2000);
	}


	// 颜色步长变化
	function colorStep(flag) {
		console.log(a1);
		console.log(b2);
		console.log(c3);
		txt2=" ";
		txt2=txt2.concat(a1);
		txt2=txt2.concat(" ");
		txt2=txt2.concat(b2);
		txt2=txt2.concat(" ");
		txt2=txt2.concat(c3);
		txt=txt.concat(txt2);
		if(total==12)
		{doSave(txt, "text/latex", "b1.txt"); }
		// 是否正常步长变化--是否正确识别
		if (flag) {
			step = step   0.2 ;
			a1 = Math.round(a1   step);
			b2 = Math.round(b2);
			c3 = Math.round(c3 - 2*step);

		} else {
			step = step   0.4;
			a1 = Math.round(a1 - step);

			b2 = Math.round(b2);

			c3 = Math.round(c3   2*step);

		}
	}

		// 设置颜色
	function changeColor() {
		// 获取随机区域序号
		changeIndex = getChangeIndex();
		// 遍历设置背景色
		$.each($('#container>.r'), function(index, obj) {
			// 直接判断序号
			if (index == changeIndex) { 
				$(obj).css('fill', "rgb(" a1 "," b2 "," c3 ")");
			} else {
				$(obj).css('fill', baseColor);
			}
		});
	}

	// 随机数
	function getChangeIndex() {
		var index = Math.floor(Math.random() * 4);

		return index;
	}

	// 开始测试
	changeColor();
	// console.log(new Date());
	// 开始计时
	timer = setTimeout(function() {
		// console.log(new Date());
		// 隐藏颜色区域
		$('#container').hide();
		// 准备下一轮--按识别错误处理
		nextChoose(false);
	}, 2000);
})()

标签: 测试

实例下载地址

交错阶梯色彩测试

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明

;
报警