分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

JS倒计时代码

发布时间:2023-09-06 02:26责任编辑:林大明关键词:暂无标签
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>js test</title><script>/*时间倒计时插件TimeDown.js*/function TimeDown(id, endDateStr,times) { ???//结束时间 ???var endDate = new Date(endDateStr); ???//当前时间 ???var nowDate = new Date(); ???//相差的总秒数 ???var totalSeconds = parseInt((endDate - nowDate) / 1000); ???//天数 ???var days = Math.floor(totalSeconds / (60 * 60 * 24)); ???//取模(余数) ???var modulo = totalSeconds % (60 * 60 * 24); ???//小时数 ???var hours = Math.floor(modulo / (60 * 60)); ???modulo = modulo % (60 * 60); ???//分钟 ???var minutes = Math.floor(modulo / 60); ???//秒 ???var seconds = modulo % 60; ???//输出到页面 ???document.getElementById(id).innerHTML = "还剩:" + days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒"; ???//延迟一秒执行自己 ???if(times>minutes){ ???times--; ???//修改数据库时间 ???console.log("写入数据库数据:" + times); ???} ???setTimeout(function () { ???????TimeDown(id,endDateStr,times); ???}, 1000)}</script></head><body> <form id="form1" runat="server"> ???????<div id="show"> ???????</div> ???????<script type="text/javascript"> ???????var times = 15; ???????//获取当前时间 ???????var date = new Date(); ???????//修改分钟 ???????date.setMinutes(date.getMinutes()+times); ???????????TimeDown("show",date,times); ???????</script> ???</form></body></html>

  

JS倒计时代码

原文地址:https://www.cnblogs.com/c-c-c-c/p/10119830.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved