特效描述:利用HTML5实现 手机触屏 接红包代码。利用HTML5实现手机触屏接红包代码
代码结构
1. 引入CSS
2. 引入JS
3. HTML代码
function set_meta() {
var body_width = document.documentElement.clientWidth;
var get_scale = (body_width / 2) / 640;
var get_content = "width=device-width, initial-scale=" + get_scale + ", minimum-scale=" + get_scale + ", maximum-scale=" + get_scale;
document.getElementById("viewport").setAttribute('content', get_content);
}
set_meta();
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var canvasWidth = 640;
var canvasHeight = 1008;
var isEnd = false;//游戏结束
var five_num_left = 0;
var ten_num_left = 0;
var empty_num_left = 0;
var five_num=0;
var ten_num=0;
var empty_num=0;
var zad_num=0
var score = 0;
var body;
function animate(now) {
body.clear();
body.draw();
if (!isEnd) {
requestNextAnimationFrame(animate);
}
}
$().ready(function () {
body = new Body();
timedCount();
window.requestNextAnimationFrame(animate);
})
var time = 20;
var clock;
function timedCount() {
$("#clock").html(time + "秒");
if (time <= 0) {
clearTimeout(clock);
this.isEnd = true;
} else {
time = time - 1;
clock = setTimeout("timedCount()", 1000);
}
}