js时钟&倒计时

最新推荐文章于 2021-06-21 12:19:02 发布
最新推荐文章于 2021-06-21 12:19:02 发布
阅读量108 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hofmann/article/details/101405199
版权

<!DOCTYPE HTML>

<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
</style>
<script type="text/javascript">
onload = function ()
{
setTimeout (function ()
{
var date = new Date();
var year = date.getFullYear();
date.setHours (date.getHours () + 1);
var m = date.getMonth () + 1;
m = m < 10 ? "0" + m : m;
var d = date.getDate ();
d = d < 10 ? "0" + d : d;
var h = date.getHours ();
h = h < 10 ? "0" + h : h;
var mm = date.getMinutes ();
mm = mm < 10 ? "0" + mm : mm;
var ss = date.getSeconds();
ss = ss < 10 ? "0" + ss : ss;
txt.value = year + "-" + m + "-" + d + " " + h + ":" + mm + ":" + ss;
}, 1000);

}

function shizhong(enddatestring) {
var date = new Date();
var year = date.getFullYear();
date.setHours(date.getHours() + 1);
var m = date.getMonth() + 1;
m = m < 10 ? "0" + m : m;
var d = date.getDate();
d = d < 10 ? "0" + d : d;
var h = date.getHours();
h = h < 10 ? "0" + h : h;
var mm = date.getMinutes();
mm = mm < 10 ? "0" + mm : mm;
var ss = date.getSeconds();
ss = ss < 10 ? "0" + ss : ss;
txt.value = year + "-" + m + "-" + d + " " + h + ":" + mm + ":" + ss;
setTimeout("shizhong('" + date + "')", 1000);
}

function dianji() {
var selectDate = new Date();
var year = selectDate.getFullYear();
selectDate.setHours(selectDate.getHours() + 1);
var m = selectDate.getMonth() + 1;
m = m < 10 ? "0" + m : m;
var d = selectDate.getDate();
d = d < 10 ? "0" + d : d;
var h = selectDate.getHours();
h = h < 10 ? "0" + h : h;
var mm = selectDate.getMinutes();
mm = mm < 10 ? "0" + mm : mm;
var ss = selectDate.getSeconds();
ss = ss < 10 ? "0" + ss : ss;
var checkDate = new Date(year + "-" + m + "-" + d + " " + h + ":" + mm + ":" + ss);

alert(checkDate);
}
</script>
<script type="text/javascript">
function countDown(secs) {
var sp1 = document.getElementById('sp1');
sp1.innerHTML = secs;
if (--secs > 0) {
setTimeout("countDown(" + secs + ")", 1000);
}
else {
sp1.innerHTML ="倒计时完成";
}
}
</script>
</head>
<body>
<div style="margin:10px;">
<input type="text" id="txt" />
<input id="btnDianJi" type="button" value="get current date" οnclick="dianji();" />
</div>
<div style="margin:10px;">
<input type="text" id="txt1" value="5" style="width:50px;" />
<span id="sp1"></span>
<script type="text/javascript">
var start = document.getElementById("txt1").value;
countDown(start);
shizhong('2015-09-30 13:00:00');
</script>
</div>

</body>
</html>

霍夫曼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 实现倒计时电子钟附带小球滚动效果（canvas+js）
酶泽的博客
07-16 1359
JavaScript 实现倒计时电子钟附带小球滚动效果............
js动态时钟倒计时
qq_32424581的博客
06-28 92
效果图： js代码： /** 订单剩余时间处理 */ orderTime: function (res, type) { var nowTime = new Date().getTime(); var endTime = new Date(res.createDate.replace(/-/g, '/')).getTime() + (24 * 60 * 60 * 1000); if (type == 'time') { this
js时钟倒计时
weixin_33842304的博客
04-25 326
JS倒计时Date 代码如下： 1 <style type="text/css"> 2 * { 3 margin: 0; 4 padding: 0; 5 } 6 7 #box { 8 border: 1px solid cyan; 9 background-color: #000; 10 height: 50px; 11 width: 5...
js倒计时时钟
xuehu837769474的博客
08-16 436
<!doctype html> <html> <head> <meta charset="utf-8"> <title>倒计时js代码</title> <style> * { margin: 0; padding: 0; ...
js选中html的数字设置倒计时,JS 实现倒计时数字时钟效果【附实例代码】
weixin_29547681的博客
06-20 223
这篇文章主要介绍了JS实现的网页倒计时数字时钟效果,是一款非常实用的javascript倒计时特效,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了JS实现的网页倒计时数字时钟效果。分享给大家供大家参考。具体实现方法如下：javascript实现的倒计时时钟body,div{margin:0;padding:0;}body{color:#fff;font:16px/1.5 \5fae\8f...
js的倒计时时钟代码
fox123871的专栏
08-10 1274
之间--> function setcountdown(theyear,themonth,theday){ yr=theyear;mo=themonth;da=theday } setcountdown(2008,7,12) var occasion="2008
js倒计时
水墨青花的博客
09-11 253
"text/javascript" src="js/jquery.min.js"> "text/javascript"> var intDiff = parseInt(60);//倒计时总秒数量 function timer(intDiff){     window.setInterval(function(){     var day=0,         h
JavaScript电子时钟倒计时
10-23
JavaScript电子时钟倒计时的实现涉及到JavaScript的基础语法及时间处理功能。以下为实现一个倒计时电子时钟所涵盖的知识点： 1. JavaScript中的时间处理函数： JavaScript提供了多种处理时间的内置方法，如获取当前...
JS 实现倒计时数字时钟效果【附实例代码】
10-22
根据给定文件信息，我们可以提炼以下知识点关于使用JavaScript实现网页倒计时数字时钟效果。 1. HTML结构布局 在HTML中，首先需要创建一个显示倒计时的容器，例如通过div元素来定义一个id为"countdown"的容器。在...
使用JS显示倒计时数字时钟效果
10-21
在本篇文章中，我们将探讨如何使用JavaScript（简称JS）实现一个倒计时数字时钟效果。倒计时数字时钟是一种网页特效，可以在网页上显示一个倒数的计时器，常用于活动或重要事件的倒计时展示。本文通过实例代码的方式...
动态时钟+倒计时.html
10-16
使用JavaScript实现倒计时，在页面上显示距离今年结束还有几天几小时几分钟几秒。同时实现了时钟的动态改变。
倒计时秒杀js代码
11-20
小米商城倒计时秒杀js代码,时间换算,设置秒数自动开始倒数
js倒计时.html
09-06
JS定时器，可以暂停、继续和重置 一个秒级别计数器：点击“开始"按钮从0开始每隔1秒计数，点击"停止"按钮停止计数。计数停止后，再次点击"开始"按钮继续计数。
HTML5动画时钟倒计时例子（5种）
05-28
支持HTML5显示 时钟倒计时动画显示 （5种）
JavaScript实现秒杀时钟倒计时
10-16
JavaScript实现秒杀时钟倒计时的核心知识点主要包括以下方面： 1. 倒计时的基本原理： 倒计时功能是通过JavaScript中的定时器函数`setInterval()`实现的，该函数可以按照指定的时间间隔重复执行一个函数。在这个...
js计算时间差（天、小时、分钟、秒）
漫天随飞雪的博客
11-12 972
<scripttype="text/javascript"> vardate1="2019-11-1218:30";//开始时间 vardate2="2019-11-150:00";//结束时间 vardate3=newDate(date2).getTime()-newDate(date1).getTi...
JS 时间倒计时
HarryHY的博客
09-16 334
<div id="box"> </div> TimeDown("box", "2019-11-25 8:00:45"); function TimeDown(id, endDateStr) { //结束时间 var endDate = new Date(endDateStr); //当前时...
时钟倒计时html,JavaScript实现秒杀时钟倒计时
weixin_36121284的博客
06-21 416
本文实例为大家分享了JavaScript实现秒杀时钟倒计时的具体代码，供大家参考，具体内容如下功能介绍：1.时/分/秒倒计时直至为零所有代码倒计时*{margin:0;padding:0;}span{display: inline-block;width: 60px;height: 60px;border-radius: 50%;background: black;color: white;fon...
JS计算时间差
有 prepare , No out
09-04 841
创建Date变量： ? 1 2 3 var s = "2009-06-22 14:22:53"; var dt = Date.parse(s.replace(/-/g,"/")); var a = new Date(dt); 求时间差： ? 1
实现时钟翻牌器倒计时效果
最新发布
06-02
好的，你可以使用 HTML、CSS 和 JavaScript 实现时钟翻牌器倒计时效果。以下是一个简单的实现示例： HTML 代码： ```html <div class="flip-clock__days flip-clock__part"></div> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值