商品 | 价格 | 图片 |
---|
<script></script>
var liElements = document.querySelectorAll ('li' );
var tbodyElements = document.querySelector('.table tbody');
liElements.forEach(function (li) {
soldOut(li);
#function sellOut(li) {
* 其中給予一個li一個邏輯處理
Selector('button ');
var text1Element = li.querySelector('.text1');
var maskElement = li.querySelector('.mask');
var. var timeSpanElement = li.querySelectorAll('.time span');
vargoodsName = li.querySelector('.goods_name').innerHTML;
vargoodsPrice = li.hquerySelector(' .goodinvarsPrice; ## var GoodsImg = li.querySelector('.img').src;
buttonElement.onclick = function( ) {
var times = parseInt(text1Element.value);
# var timeArr = setInterval(function () {
秒--;
##if (秒>= 0) {
'' 從秒 2099999999999%
time );
} else {
arInterval(timer );
timeOver();
}
}, 1000);
};
};
function timeOver() {
maskElement.style.display = 'block';
// , {
不透明度: 0.5
soldOutElement.style.display = 'block';
高度: 198,
左: 61,
與選擇 1, 10,0,0,0 )>
##setTimeout(function () {
搖晃(li, ' left', 20, 2);
}, 200);
}
##o/*
函數add2List() {
tbodyElements.innerHTML += '
var trElements = tbodyElements.querySelectorAll('tr');
目前最新一次新增的元素
// console.log(trElements[trElements.length - 1]);
// opacity: 1
// }, 100);
opacity: 1
}, 100);
}, 1000);
}
# * 將秒鐘轉換為時分格式為 秒# (seconds) {
var H = addZero(parseInt(seconds / 3600));
var M = addZero(parseInt(seconds % 3600 / 60)) 對# 是(seconds % 60));
}
function addZero(v) {
}
* 顫抖!
* */
function shake(element, attr, range, step) {
/*
1
/*
? var originValue = getCss(element, attr);
* 表示+或-
#var timer = setInterval(function () {
if (flag) {
//先負
} else {
element.style[ attr] = originValue + range + 'px';
//自減
clearInterval(timer);
#flag = !flag;
}, 16);
}
function getCss(element, attr) {