实现京东秒杀效果

最新推荐文章于 2024-06-16 18:09:06 发布

qq_69105510

最新推荐文章于 2024-06-16 18:09:06 发布

阅读量100

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/qq_69105510/article/details/124312223

版权

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

div {

padding: 10px;

font-size: 100px;

}

span {

float: left;

width: 300px;

height: 300px;

border: 1px solid #000000;

color: #ffffff;

background-color: #333333;

text-align: center;

line-height: 300px;

}

<style>

</head>

<body>

<div>

</div>

var hour=document.querySelector('.hour');

var minute=document.querySelector('.minute');

var second=document.querySelector('.second');

var inputTime= +new Date('2022-4-20 20:00:00');

countDown();

setInterval(countDown,1000);

function countDown(){

//封装一个自定义函数：显示时分秒

var nowTime=+new Date();//内置对象返回的是毫秒数

var times=(inputTime-nowTime)/1000;//转换为秒数

//获取所剩的小时

var h=parseInt(times/60/60%24);

//字符串拼接+

h=h<10?'0'+h:h;

//写操作

hour.innerHTML=h;

//获取分钟

var m=parseInt(times/60%60);

m=m<10?'0'+m:m;

minute.innerHTML=m;

//获取秒数

var s=parseInt(times%60);

s=s<10?'0'+s:s;

second.innerHTML=s;

}

</script>

</body>

<html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_69105510

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实现京东秒杀效果

<!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&...
复制链接

扫一扫