发表于： 2017-02-16 01:23:32
1 1240
今日完成
1 任务1
》定时器，使用window.setInterval,自动重复执行，使用clearInterval(id)清楚计时器
id=window.setInterval(boxToColor,800)
clearInterval(id)
》按钮逻辑，点击开始--if判断是否第一次按----是---立即执行一次变换颜色的function----执行setInterval,重复变颜色----设置再按不允许执行。
停止逻辑，点击停止--清除定时器---重置开始按钮----重置九宫格颜色
function begin() {
if(a==1){boxToColor();a=0;id=window.setInterval(boxToColor,800);}
}
function stop() {
a=1;
clearInterval(id);
reset()
}
2 任务2，准备资源，准备文件结构，编写相关页面。
》冷启动的延时，使用onload+定时器
<body onload="beginPageTime()">
function beginPage() {
window.location.href="kaishiye.html"
}
function beginPageTime() {
setTimeout(beginPage,3000)
}
》修改页眉模块的结构，使3个按钮互不影响。两边绝对定位，中间文本居中。
明日计划：
任务2：完成表单页面编写和一步分js代码。
基础知识：dom造作。
问题：
项目的文件结构相关，所有图片应该再一个文件夹吗？，
收获：
一个让 rem单位布局的页面 能实时缩放的js片段，放入base.js了
function Rem() {
var docEl = document.documentElement,
oSize = docEl.clientWidth / 6.4;
if (oSize > 100) {
oSize = 100; // 限制rem值 640 / 6.4 =100
}
docEl.style.fontSize = oSize + 'px';
}
window.addEventListener('resize', Rem, false);
Rem();
返回列表
评论