使用html+jq+css写出页面新增查询额度接口httpssvip-apicveoytopv3grants求参数 keyssk-xxxxxxxxxxxx回参数 keys sk-xxxx useAmount 25 今日已使用次数 activateTime 1681191668000 首次使用时间 在这个时间上添加5天 如果大于7200分钟 则会返回Key已到期!
<!DOCTYPE html>
<html>
<head>
<title>查询额度</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#submit-btn").click(function(){
var keys = $("#keys-input").val();
$.ajax({
type: "POST",
url: "https://svip-api.cveoy.top/v3/grants",
data: {keys: keys},
success: function(data){
if(data.activateTime){
var activateTime = parseInt(data.activateTime);
var expireTime = activateTime + 5*24*60*60*1000;
var now = new Date().getTime();
var remainingTime = Math.floor((expireTime - now)/1000/60);
if(remainingTime > 7200){
$("#result").html("您的额度剩余次数为：" + data.useAmount + "，到期时间为：" + new Date(expireTime).toLocaleString());
}else{
$("#result").html("Key已到期！");
}
}else{
$("#result").html("Key不存在！");
}
},
error: function(){
$("#result").html("查询失败！");
}
});
});
});
</script>
</head>
<body>
<h1>查询额度</h1>
<div>
<label>请输入Key：</label>
<input type="text" id="keys-input">
<button id="submit-btn">查询</button>
</div>
<div id="result"></div>
</body>
</html>
<p>/* style.css */
h1 {
text-align: center;
}</p>
<p>div {
margin: 20px;
}</p>
<p>label {
font-size: 18px;
font-weight: bold;
}</p>
<p>input {
width: 300px;
height: 30px;
font-size: 16px;
padding: 5px;
margin-right: 10px;
}</p>
<p>button {
width: 80px;
height: 40px;
font-size: 18px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}</p>
<p>#result {
margin: 20px;
font-size: 18px;
font-weight: bold;
}</p>
原文地址: https://www.cveoy.top/t/topic/bKa9 著作权归作者所有。请勿转载和采集!