元旦倒计时代码.zip资源-CSDN文库

共3个文件

png：1个

license：1个

html：1个

4星 · 超过85%的资源需积分: 5 92 浏览量 2022-12-08 19:10:15 上传评论 1 收藏 181KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

元旦倒计时代码.zip （3个子文件）

16656.png 180KB

new-years-day-countdown-master

LICENSE 634B

元旦倒计时和购物.html 4KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div></div>    <script> setInterval(function(){ var nowTime=new Date(), yuandanTime=new Date('2022-01-01 0:0:0') var time=yuandanTime-nowTime var day=Math.floor(time/1000/60/60/24) hour=Math.floor(time/1000/60/60%24) ses=Math.floor(time/1000/60%60) mins=Math.floor(time/1000%60) var str ='距离元旦春节还有' +day+'天'+hour+'小时'+ses+'分钟'+mins+'秒' document.getElementsByTagName('div')[0].innerHTML=str}) </script> <div style="margin-left: 650px;"> <label>apple-<span>10</span><input type="checkbox" onclick="fun()" name="fruits"></label> <button onclick="jia(0),fun()">+</button><input type="text" value="0" style="width: 15px;" name="num"><input type="button" value="-" name="jian" onclick="jian(0,this),fun()"><br> <label>香梨<span>20</span><input type="checkbox" onclick="fun()" name="fruits"></label> <button onclick="jia(1),fun()">+</button><input type="text" value="1" style="width: 15px;" name="num"><input type="button" value="-" name="jian" onclick="jian(0,this),fun()"><br> <label>建达奇趣蛋<span>40</span><input type="checkbox" onclick="fun()" name="fruits"></label> <button onclick="jia(2),fun()">+</button><input type="text" value="2" style="width: 15px;" name="num"><input type="button" value="-" name="jian" onclick="jian(0,this),fun()"><br> <label>中华烟<span>70</span><input type="checkbox" onclick="fun()" name="fruits"></label> <button onclick="jia(3),fun()">+</button><input type="text" value="3" style="width: 15px;" name="num"><input type="button" value="-" name="jian" onclick="jian(0,this),fun()"><br> <h2>总价:<i>0</i></h2></div> <script> function fun(obj){ var objBox = document.getElementsByName("fruits"), objSpan = document.getElementsByTagName("span"), objNum = document.getElementsByName("num"), sum=0 for(i=0;i<objBox.length;i++){ if(objBox[i].checked==true){ sum+=(+objSpan[i].innerHTML)*(+objNum[i].value) } } document.getElementsByTagName('i')[0].innerHTML=sum } function jian(n,btn){ var objNum= document.getElementsByName('num')[n] if(objNum.value<1){ btn.disabled=true objNum.disabled=true return; } objNum.value-- } function jia(n){ var num=document.getElementsByName("num")[n] var jian=document.getElementsByName("jian")[n] num.value++ num.removeAttribute("disabled") jian.removeAttribute("disabled") } </script> <script src="../三段jq/jquery-3.6.0.min.js"> </script> </body> </html>

评论收藏

内容反馈