发表于: 2017-04-14 23:35:15

1 1105


  • 今天完成的事情:

  • 1、完成了css任务,转入js班,开始任务1的学习。

  • 2、已经完成了任务1的大半,包括随机取三个格子,随机取三种颜色并将其赋予给三个格子,并设置延时函数,让其延迟执行。


    • 明天计划的事情:

    • 1、明天买的高程书就到了,每天抽一定的时间看书。

    • 2、完成任务1。


    • 遇到的问题:

    • 1、在点击之后,再次点击的话又会触发函数,而此时上一个函数还在运行,造成变化速度越来越快。暂时的思路是在合适的位置设置取消延迟函数的执行并进行重置。


    • 收获:

    • 1、学会了长英文自动换行的解决办法。主要使用waor-wrap:break-word,这可以控制换行,强制,但这一条对长英文无效,还需要使用word-break:break-all;是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。

    • 2、学会了JS的push()方法和JS的sort()方法:

    • push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。在本任务中可以创造一个新的数组用来表示九宫格格子数组的序号。

    • sort() 方法用于对数组的元素进行排序。语法如下:

      arrayObject.sort(sortby)。如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。

    • 如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

    • 如sort(function(a,b)),若a>b,则升序排列,若a<b,则降序排列。

    • 所以使用Math.random()-0.5,此时表示九宫格格子序号的数组中的数据则是随机的,再限制其长度,即可得到随机的三个小格子。

    • 3、学会了定时器函数。

    • 倒计定时器:timename=setTimeout("function();",delaytime);
      循环定时器:timename=setInterval("function();",delaytime);

    • 第一个参数“function()”是定时器触发时要执行的动作,可以是一个函数,也可以是几个函数,函数间用“;”隔开即可。;而第二个参数“delaytime”则是间隔的时间,以毫秒为单位,即填写“5000”,就表示5秒钟。

    • 倒计时定时器是在指定时间到达后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,两者的区别在于:前者只是作用一次,而后者则不停地作用。

    • 如需停止循环,只需要使用以下函数。

    • clearTimeout(对象) 清除已设置的setTimeout对象
      clearInterval(对象) 清除已设置的setInterval对象



返回列表 返回列表
评论

    分享到