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.pswp.cn/news/449247.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/449247.shtml
英文地址,請注明出處:http://en.pswp.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]{…