導(dǎo)語(yǔ)：知識(shí)重在分享
前提：做好事情需要你懂里面的基本知識(shí)（javascript怎么用你都不知道，那你在咋寫霸旗？）
其次：你需要有個(gè)懂前端的同學(xué)或者朋友可以去詢問(wèn)（畢竟你不是寫前端的/前端的知識(shí)懂的不是那樣的透徹）签舞，在此感謝我強(qiáng)哥秕脓！幫了很大的忙。
接下來(lái)遇到的問(wèn)題：
頁(yè)面獲取元素的值:
1.不同的標(biāo)簽獲取值得方式不同
如input儒搭，div :$("#bb").val(),$("#cc").html() ?//我懂得不是太多只是舉個(gè)例子
2.樣式變換撒会，button點(diǎn)擊之后變顏色：
<style>/*添加屬性*/
.normalBtn.foulHandleBtn{
background: red;
}
</style>
<script>
//點(diǎn)擊button變換顏色
function foulHandle(btn){
$(btn).toggleClass("foulHandleBtn");
}
</script>
3.時(shí)間走停
timer=setInterval("clock.move()",1000);
clearInterval(timer);
clearTimeout(timer);
4.websocket傳輸數(shù)據(jù)
將頁(yè)面上的數(shù)據(jù)傳輸?shù)搅硪粋€(gè)頁(yè)面上，很明顯頁(yè)面上有多條數(shù)據(jù)那么要分裝成一個(gè)json傳過(guò)去才行（我思考的方法）师妙，用json = JSON.stringify({
red:document.getElementById("red").innerHTML})
通過(guò)websocket傳到另一個(gè)頁(yè)面塞到頁(yè)面上诵肛，此處要將string轉(zhuǎn)化為obj點(diǎn)出里面的內(nèi)容。
jsonObject = JSON.parse(obj)//如果取matchTime jsonObject.matchTime
$("#blue").html(jsonObject.blue);
$("#red").html(jsonObject.red);
完成了
5.時(shí)鐘（下面是一個(gè)小demo）
var clock=new clock();
/*指向計(jì)時(shí)器的指針*/
var timer;
window.onload=function(){
timer=setInterval("clock.move()",1000);
}
function clock(){
/*s是clock()中的變量默穴，非var那種全局變量怔檩，代表剩余秒數(shù)*/
this.s=20;
this.move=function(){
/*每被調(diào)用一次，剩余秒數(shù)就自減*/
this.s=this.s-1;
/*輸出前先調(diào)用exchange函數(shù)進(jìn)行秒到分秒的轉(zhuǎn)換蓄诽，因?yàn)閑xchange并非在主函數(shù)window.onload使用薛训，因此不需要進(jìn)行聲明*/
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的除法是浮點(diǎn)除法，必須使用Math.floor取其整數(shù)部分*/
this.m=Math.floor(time/60);
/*存在取余運(yùn)算*/
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);
/*傳過(guò)來(lái)的形式參數(shù)time不要使用this仑氛，而其余在本函數(shù)使用的變量則必須使用this*/
return this.text;
}
