JS函数制作倒数计时器

小编 2026-07-06 阅读:662 评论:0

JS函数制作倒数计时器 <!DOCTYPE html> <html> <head> <meta charset=\"utf-8\">...

JS函数制作倒数计时器

<!DOCTYPE html>
<html>
	<head>
		<meta charset=\"utf-8\">
		<title></title>
	</head>
	<body>
		<div>
			距离圣诞节 2018年12月25号 还有
			<span id=\"day\"></span>天
			<span id=\"hour\"></span>小时
			<span id=\"min\"></span>分
			<span id=\"sceo\"></span>秒
		</div>
		<script type=\"text/javascript\">
			function cal(){
			var time=new Date;
			var time1=new Date(2018,11,25,0,0,0);
			var mi=time1.getTime()-time.getTime();
			var miday=Math.floor(mi/1000/60/60/24);
			var mihour=Math.floor((mi/1000/60/60/24-miday)*24);
			var mimin=Math.floor(((mi/1000/60/60/24-miday)*24-mihour)*60);
			var miseco=Math.floor((((mi/1000/60/60/24-miday)*24-mihour)*60-mimin)*60);
			document.getElementById(\"day\").innerHTML=miday;
			document.getElementById(\"hour\").innerHTML=mihour;
			document.getElementById(\"min\").innerHTML=mimin;
			document.getElementById(\"sceo\").innerHTML=miseco;
			// document.write(\"距离圣诞节 2018年12月25号 还有\"+miday+\"天\"+mihour+\"小时\"+mimin+\"分\"+miseco+\"秒\");
			}
			setInterval(cal,1000)
		</script>
	</body>
</html>```

版权声明

本文仅代表作者观点，不代表百度立场。
本文系作者授权百度百家发表，未经许可，不得转载。

上一篇：Apache Flink 管理大型状态之增量 Checkpoint 详解 下一篇：潘云鹤院士：人工智能走向2.0的本质原因——人类世界正由二元空间变成三元空间

热门文章

Sequential Monte Carlo Methods (SMC) 序列蒙特卡洛/粒子滤波/Bootstrap Filtering

Problem Statement 我们考虑一个具有马尔可夫性质、非线性、非高斯的状态空间模型(State Space Model)：对于一个时间序列上的观测结果{yt,t∈N}\\{ y_t , t \\in N \\}{yt,t∈N}，我们认为每个观测结果yty_tyt的生成依赖于一个无法直接观察的隐变量xt∈{xt,t∈N}x_t \\in \\{x_t , t \\in N \\}xt∈{xt,t∈N}，即：p(...
机房智能化温湿度解决方式之POE供电以太网温湿度传感器

机房智能化温湿度解决方式之POE供电以太网温湿度传感器北京盈创力和电子科技有限公司智能型TCP网口温湿度记录仪北京IP网络温湿度记录仪厂家，北京盈创力和北京智能型TCP网口温湿度记录仪IP网络温湿度记录仪是一种新型的基于TCP/IP协议双绞线以太网标准温湿度采集模块，利用它可以实现现场温度值、相对湿度值的采集，同时利用其自身的RJ45通信接口可以方便地和机房监控主机或交换机集线器进行联网。工作于-40℃～85℃工业级带...
Hive 系统函数及示例

查看所有系统函数 show functions; 函数分类内置函数【系统函数】数学函数： floor、round、ceil、cos、log2等字符串函数： length、reverse、trim、lower、get_json_object、repeat等收集函数： size 转换函数： cast 日期函数： year、month、datediff、date、date_add等条件函数： coalesce、case…w...
CSRF的原理和防范措施

a)攻击原理：i.用户C访问正常网站A时进行登录，浏览器保存A的cookieii.用户C再访问攻击网站B，网站B上有某个隐藏的链接或者图片标签会自动请求网站A的URL地址,例如表单提交，传指定的参数iii.而攻击网站B在访问网站A的时候，浏览器会自动带上网站A的cookieiv.所以网站A在接收到请求之后可判断当前用户是登录状态，所以...
HTTP状态保持的原理

a)在用户登录之后，浏览器返回响应的时候会在响应中添加上cookieb)浏览器接收到cookie之后会自动保存c)当用户再次请求同一服务器中的其他网页的时候，浏览器会自动带上之前保存的cookied)服务接收到请求之后可以请 request 对象中取到cookie 判断当前用户是否登录　　Http是无状态的，就是连接时数据互通，关闭后...