<!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>
<!-- 打印出99乘法表 -->
<!-- <script>
var yy
for(i=1;i<=9;i++){
for(x=1;x<=i;x++){
yy=x+"x"+i+"="+(x*i)+" "
document.write(yy)
}
document.write("<br>")
}
</script> -->
<!-- 实现距离元旦倒计时 几分 几时 几秒 -->
<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>
元旦倒计时代码+HTML+JavaScript
需积分: 5 32 浏览量
2022-12-30
23:53:36
上传
评论
收藏 2KB ZIP 举报
元旦倒计时.zip （2个子文件） 
new-years-day-countdown-master 
LICENSE 634B
元旦倒计时和购物.html 4KB资源评论
BinaryStarXin
- 粉丝: 6882
- 资源: 288
