HTML5簡易搖錢樹

最近要用h5寫乙個簡易版的搖錢樹，其實就是通過手機重力感應觸發倒計時，10秒鐘內根據搖動計數（這個計數是粗略的不準確的），返回搖到的金幣數量。

一、簡化document.elementbyid

//獲取頁面元素

function $(obj)

二、十秒倒計時函式

//定時器

var timer = null;//定時器指標
var timenum = 11;//10秒倒計時全域性變數
function timerfun()

三、html5搖動api

//搖動次數全域性變數

var i = 0; 
//html5搖動api
if(window.devicemotionevent) 
//搖動
if(math.abs(x-lastx) > speed || math.abs(y-lasty) > speed || math.abs(z-lastz) > speed) else
//次數加1
i += parseint(1);
$("#txt").value = i;//將次數i賦值給text
var timestamp = dtime.gettime();
var tstr = parseint(timestamp/1000 - starttime/1000);
$("#bug").value = starttime;
$("#bug2").value = timestamp;
$("#bug3").value = tstr;
} } lastx = x;
lasty = y;
lastz = z; 
}, false);
}

四、完整**

搖動了次
搖動前時間
搖動時間
搖動了秒
倒計時:秒

HTML5之FileReader的簡易使用

用來把檔案讀入記憶體，並且讀取檔案中的資料。filereader介面提供了乙個非同步api，使用該api可以在瀏覽器主線程中非同步訪問檔案系統，讀取檔案中的資料。filereader介面提供了讀取檔案的方法和包含讀取結果的事件模型。1 filereader介面的方法 filereader介面有4個方...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

html5標籤屬性大全 HTML5

音訊格式 屬性 值描述 屬性 值描述 屬性值描述 屬性值描述 gz bjsh 屬性值 描述 required required 表單擁有該屬性表示其內容不能為空，必填 placeholder 提示文字 表單的提示資訊，存在預設值將不顯示 autofocus autofocus 自動聚焦屬性，頁面載入...