导语：知识重在分享

前提：做好事情需要你懂里面的基本知识（javascript怎么用你都不知道，那你在咋写？）

其次：你需要有个懂前端的同学或者朋友可以去询问（毕竟你不是写前端的/前端的知识懂的不是那样的透彻），在此感谢我强哥！帮了很大的忙。

接下来遇到的问题：

页面获取元素的值:

1.不同的标签获取值得方式不同

如input，div :$("#bb").val(),$("#cc").html()  //我懂得不是太多只是举个例子

2.样式变换，button点击之后变颜色：

<style>/*添加属性*/

.normalBtn.foulHandleBtn{

background: red;

}

</style>

<script>

//点击button变换颜色

function foulHandle(btn){

$(btn).toggleClass("foulHandleBtn");

}

</script>

3.时间走停

timer=setInterval("clock.move()",1000);

clearInterval(timer);

clearTimeout(timer);

4.websocket传输数据

将页面上的数据传输到另一个页面上，很明显页面上有多条数据那么要分装成一个json传过去才行（我思考的方法），用json = JSON.stringify({

red:document.getElementById("red").innerHTML})

通过websocket传到另一个页面塞到页面上，此处要将string转化为obj点出里面的内容。

jsonObject = JSON.parse(obj)//如果取matchTime jsonObject.matchTime

$("#blue").html(jsonObject.blue);

$("#red").html(jsonObject.red);

完成了

5.时钟（下面是一个小demo）

var clock=new clock();

/*指向计时器的指针*/

var timer;

window.onload=function(){

timer=setInterval("clock.move()",1000);

}

function clock(){

/*s是clock()中的变量，非var那种全局变量，代表剩余秒数*/

this.s=20;

this.move=function(){

/*每被调用一次，剩余秒数就自减*/

this.s=this.s-1;

/*输出前先调用exchange函数进行秒到分秒的转换，因为exchange并非在主函数window.onload使用，因此不需要进行声明*/

document.getElementById("timerText").innerHTML=exchange(this.s);

if(this.s == 10){

remind.play();

}

if(this.s == 0){

startOrEnd.play();

clearTimeout(timer);

}

}

}

function exchange(time){

/*javascript的除法是浮点除法，必须使用Math.floor取其整数部分*/

this.m=Math.floor(time/60);

/*存在取余运算*/

this.s=(time%60);

var m;

var s = this.s + "";

if(s.length < 2){

s = "0" + s;

}

this.text=this.m+":"+s;

//        alert(this.text);

/*传过来的形式参数time不要使用this，而其余在本函数使用的变量则必须使用this*/

return this.text;

}