分享web开发知识

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

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

js简单时分秒倒计时

发布时间:2023-09-06 02:19责任编辑:胡小海关键词:js

效果:

javascript:

 ???<script type="text/javascript"> ???????function countTime() { ???????????//获取当前时间 ???????????var date = new Date(); ???????????var now = date.getTime(); ???????????//设置截止时间 ???????????var endDate = new Date("2018-10-25 00:00:00"); ???????????var end = endDate.getTime(); ???????????//时间差 ???????????var differTime = end - now; ???????????//定义变量,h,m,s保存倒计时的时间 ???????????var h, m, s; ???????????if (differTime >= 0) { ???????????????h = Math.floor(differTime / 1000 / 60 / 60); ???????????????m = Math.floor(differTime / 1000 / 60 % 60); ???????????????s = Math.floor(differTime / 1000 % 60); ???????????????h = h < 10 ? ("0" + h) : h; ???????????????m = m < 10 ? ("0" + m) : m; ???????????????s = s < 10 ? ("0" + s) : s; ???????????????document.getElementById("_h").innerHTML = h + "时"; ???????????????document.getElementById("_m").innerHTML = m + "分"; ???????????????document.getElementById("_s").innerHTML = s + "秒"; ???????????????setTimeout(countTime, 1000); ???????????} else { ???????????????document.getElementById("_h").innerHTML = "00时"; ???????????????document.getElementById("_m").innerHTML = "00分"; ???????????????document.getElementById("_s").innerHTML = "00秒"; ???????????} ???????} ???</script>

HTML: 

<body onload="countTime()"> ???<div class="timer"> ???????<span id="_h"></span> ???????<span id="_m"></span> ???????<span id="_s"></span> ???</div></body>

  

js简单时分秒倒计时

原文地址:https://www.cnblogs.com/qianxuebing/p/9829434.html

知识推荐

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