2020-3-22

题目一:
JavaScript 天小时分钟和秒倒计时
代码与解析:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<style type="text/css">
*{margin:0;padding:0;list-style:none;
}
body{font-size:18px;text-align:center;
}
.time{height:30px;padding:200px;
}
</style>
<script type="text/javascript">
function GetRTime(){//此函数实现了倒计时效果。var EndTime= new Date('2022/3/20 09:03:00');var NowTime = new Date();var t =EndTime.getTime() - NowTime.getTime();//获取终点时间和当前时间的毫秒差距。var d=0;//声明一个变量并初始化为0,用来标识倒计时剩余的天,下面几个变量也是同样的道理。var h=0;var m=0;var s=0;if(t>=0){//判断毫秒差是否大于等于0,如果是,则继续倒计时效果。d=Math.floor(t/1000/60/60/24);//获取剩余的天数。h=Math.floor(t/1000/60/60%24);//获取剩余的小时,当然这里所说的剩余的小时并不是总的剩余的小时数,而是在分钟这个时间单位上的小时整数,下面的分钟秒等也是同样的道理。m=Math.floor(t/1000/60%60);s=Math.floor(t/1000%60);}else{clearTimeout(timer);//如果倒计时结束,那么就结束定时器函数的执行,并跳出此函数。return;}document.getElementById("t_d").innerHTML = d + "天";//显示倒计时相关的内容,下面也是同样的道理。document.getElementById("t_h").innerHTML = h + "时";document.getElementById("t_m").innerHTML = m + "分";document.getElementById("t_s").innerHTML = s + "秒";var timer=setTimeout(GetRTime,1000);//利用回调的方式不断调用GetRTime函数本身。
}
window.onload=function(){GetRTime()
}
</script>
</head>
<body>
<div class="time"> <span id="t_d">00</span> <span id="t_h">00</span> <span id="t_m">00</span> <span id="t_s">00</span> 
</div>
</body>
</html>

相关知识:
Math.floor()可以对一个数字进行下舍入操作。返回值是小于等于参数,并与之最接近的整数。

getTime方法返回指定时间日期的时间戳。

setTimeout 此方法可以延迟指定时间再去执行规定的代码。
格式:setTimeout(code,interval)
参数解析:
(1).code:必需,延迟指定时间后要执行的代码。
(2).interval:必需,规定要延迟的时间,单位是毫秒。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/449247.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

TeamViewer13 -- 安装、使用说明

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 Teamviewer13是一款强大的远程桌面控制工具&#xff0c;同时也是一款非常实用的共享文件传输工具&#xff0c;它拥有简洁的界面以及方便快…

论程序员的自我修炼

摘要&#xff1a;软件开发是个挑战&#xff0c;尤其是对于那些完美主义的程序员。为了想要成为更好的程序员&#xff0c;总会开发出一些特别的功能&#xff0c;在软件设计上想要做到零瑕疵&#xff0c;但事实上&#xff0c;完美的软件设计是根本不存在的&#xff0c;试着让你的…

利用 Charles Proxy 下载旧版本 iOS App

一、软件准备 1、旧版本 iTunes1.IPSW Downloads&#xff1a;https://ipsw.me/2.百度网盘链接&#xff1a;https://pan.baidu.com/s/1PO9Z12o-rqZ_JG68zRqEnA 提取码&#xff1a;fe1v 2、抓包工具 Charles Proxy1.Charles官网链接&#xff1a;https://www.charlesproxy.com/2.百…

禅道8.2-9.2.1注入GetShell

漏洞分析附上某老哥的漏洞分析&#xff0c;来了解下原理。 漏洞利用查看版本&#xff1a;访问Url&#xff1a;http://127.0.0.1/zentao/index.php?modegetconfig即可获取禅道的版本号以及一些其他的信息&#xff0c;目前漏洞存在于v8.2~v9.2确定版本号之后&#xff0c;我们就…

2020-3-23

题目一&#xff1a; JavaScript 复选框全选和全不选 <!DOCTYPE html> <html> <head> <meta charset" utf-8"> <style type"text/css"> body{font-size:12px;} ul{list-style:none} </style> <script type"te…

Maven 依赖-镜像仓库替换为 -- 阿里云镜像仓库(飞快实现 pom 引入)

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 在本地 maven 的 setting 配置文件中加上阿里云镜像地址就行了&#xff1a; 新增配置内容&#xff1a; <!-- 阿里镜像仓库 --><…

cmake 常用命令

1. 使用日期 # 获取时间 string(TIMESTAMP DATE_TIME "%y-%m-%d %H:%M")# 获取日期 string(TIMESTAMP DATE_VERSION "%m%d") 转载于:https://www.cnblogs.com/ziyu-trip/p/10697309.html

爱屋吉屋病死后,链家、中原、我爱我家们却哭不得笑不得

作为互联网房产中介最快成长为行业独角兽的爱屋吉屋&#xff0c;还是没能迎来开春之暖&#xff0c;于2019年2月19日便停止了运营。对于这个享有创造中国房市273天四轮融资的奇迹、估值超过10亿美元的速成独角兽、一代“革命者”、创造世界纪录的互联网房产神话等多个美誉企业的…

2020-3-24

题目一&#xff1a; JavaScript 页面跳转效果 实现在10秒之后跳转到指定页面。 代码与解析&#xff1a; <!DOCTYPE html> <html> <head> <meta charset"utf-8"> <script type"text/javascript"> function countDown(secs,…

清洗肾脏的绝好秘方(图)

清洗肾脏的绝好秘方&#xff1a;只用香菜&#xff0c;可以在家里尝试。不用花多少钱就可清洗你的肾脏。经过多年来&#xff0c;我们的肾脏过滤血液&#xff0c;排除盐&#xff0c;毒素及所有不需要的物质进入我们的身体。随着时日&#xff0c;盐毒积累&#xff0c;这需要进行清…

列表 字典

一、列表 1.定义&#xff1a; stus ["s1","s2","s3","s4","s5","s6","s7"] #List 列表 数组用中括号定义&#xff0c;逗号隔开 stus2 [] #空的列表stus3 list() #空的列表 【定义空的列表便于往里…

MySQL执行外部sql脚本文件的命令( source命令执行sql )

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 sql脚本是包含一到多个sql命令的sql语句&#xff0c;我们可以将这些sql脚本放在一个文本文件中&#xff08;我们称之为“sql脚本文件”&…

【案例】数据量猛增,BI分析效率太低怎么破?

2019独角兽企业重金招聘Python工程师标准>>> 近日&#xff0c;Apache Kylin Innovation Meetup 在上海成功举办&#xff0c;有近200位小伙伴来到了现场。此次会议特别邀请到了金融、互联网等行业的技术伙伴分享了 Kylin 在行业中的实操应用 。今天将首先与大家分享演…

2020-3-25

题目一&#xff1a; JavaScript 数组随机不重复元素 实际应用可能需要从数组元素中随机取出几个元素&#xff0c;并且要保证这几个元素不重复。 有些数组可能有重复的元素&#xff0c;那么可能需要首先去除这些重复的元素。 代码与解析&#xff1a; var theArray[1,3,2,4,5,9,…

人生要小心处理的事

被人羞辱——翻脸不如翻身生气不如争气 有个成语叫做“恼羞成怒”&#xff0c;意思就是说&#xff0c;由于羞愧和恼恨而发怒。被人无情羞辱&#xff0c;只要是有自尊心的人都会愤怒&#xff0c;但问题是&#xff0c;愤怒过后你还会剩下什么?你是马上报复&#xff0c;以牙还牙;…

刷新SWAP分区方法

Linux VPS的使用过程中&#xff0c;SWAP交换分区是一个很重要系统缓存分区。他是在内存不够用的情况下&#xff0c;从硬盘中临时分出一部分空间系统当做内存使用。但是&#xff0c;如果SWAP的占用超过30%的时候&#xff0c;系统的性能就会受到影响&#xff0c;这时候就要刷新SW…

您收到一封 2019 阿里云峰会 (北京) 邀请函

为什么80%的码农都做不了架构师&#xff1f;>>> 摘要&#xff1a; 阿里云峰会&#xff08;北京&#xff09;开发者专场以“云原生和可见的云未来”为主题&#xff0c;不仅涵盖 2 场重大发布&#xff0c;更设置人工智能、机器学习、实时计算、云原生实践等国内外最热…

解决Based on configured schedule, the given trigger ‘triggerGroupName_FREEZE_JOB.triggerName_FREEZE...

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 报错如题、如下&#xff1a; Caused by: org.quartz.SchedulerException: Based on configured schedule, the given trigger triggerG…

2020-3-26

题目一&#xff1a; JavaScript 获取第n个li元素 下面有两种方法 <!DOCTYPE html> <html> <head> <meta charset" utf-8"> <style type"text/css"> ul{list-style:none} </style> <script> window.onloadfunct…

Django路由(url)

1.基本配置 from django.conf.urls import urlfrom . import viewsurlpatterns [url(r^articles/2003/$, views.special_case_2003),url(r^articles/([0-9]{4})/$, views.year_archive),url(r^articles/([0-9]{4})/([0-9]{2})/$, views.month_archive),url(r^articles/([0-9]{…