整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
s實(shí)現(xiàn)動(dòng)態(tài)倒計(jì)時(shí)效果的步驟：首先是獲取到用戶輸入的目標(biāo)時(shí)間，在獲取當(dāng)前時(shí)間，用目標(biāo)時(shí)間減去當(dāng)前時(shí)間，獲得時(shí)間差；然后，將得到的時(shí)間差傳化為天數(shù)、小時(shí)、分鐘、秒鐘；最后，動(dòng)態(tài)的輸出這些剩余時(shí)間。
下面我們就來一步一步的實(shí)現(xiàn)動(dòng)態(tài)倒計(jì)時(shí)：
1、建立顯示的樣式
html代碼：
<form>目的日期：<br><br>
<input type="text" id="year"><span>年</span>
<input type="text" id="month"><span>月</span>
<input type="text" id="day"><span>日</span><br><br>
<input type="text" id="hour"><span>時(shí)</span>
<input type="text" id="minute"><span>分</span>
<input type="text" id="second"><span>秒</span><br><br>
<input type="button" value="確定" onclick="show()">
</form><br><br>
<div class="time1">還剩時(shí)間：<br><br>
<span id="_d"></span>天
<span id="_h"></span>時(shí)
<span id="_m"></span>分
<span id="_s"></span>秒
</div>
css代碼：
input{width:50px;height: 20px;border:1px solid black;}
.time1 span{display:inline-block;width:40px;height: 20px;}
效果圖：
2、實(shí)現(xiàn)動(dòng)態(tài)倒計(jì)時(shí)--js代碼
第一步：首先是要獲取到目標(biāo)時(shí)間，當(dāng)我們?cè)陧撁孑斎肽繕?biāo)日期，點(diǎn)擊確認(rèn)后，得到目標(biāo)時(shí)間。
function show(){
//獲取目的日期
var myyear=document.getElementById("year").value;
var mymonth=document.getElementById("month").value-1;
var myday=document.getElementById("day").value;
var myhour=document.getElementById("hour").value;
var myminute=document.getElementById("minute").value;
var mysecond=document.getElementById("second").value;
var time=Number(new Date(myyear,mymonth,myday,myhour,myminute,mysecond));
}
第二步：獲取當(dāng)前時(shí)間、然后用目標(biāo)時(shí)間減去當(dāng)前時(shí)間，得到剩余時(shí)間，即時(shí)間差。
//獲取當(dāng)前時(shí)間
var nowTime=Date.now();
//獲取時(shí)間差
var timediff=Math.round((time-nowTime)/1000);
第三步：將得到的時(shí)間差傳化為天數(shù)、時(shí)、分、秒
//獲取還剩多少天
var day=parseInt(timediff/3600/24);
//獲取還剩多少小時(shí)
var hour=parseInt(timediff/3600%24);
//獲取還剩多少分鐘
var minute=parseInt(timediff/60%60);
//獲取還剩多少秒
var second=timediff%60;
第四步：輸出剩余時(shí)間
//輸出還剩多少時(shí)間
document.getElementById("_d").innerHTML=day;
document.getElementById("_h").innerHTML=hour;
document.getElementById("_m").innerHTML=minute;
document.getElementById("_s").innerHTML=second;
效果圖：
此時(shí)還不是動(dòng)態(tài)的輸出，還需要我們手動(dòng)的不斷刷新，在輸入目標(biāo)日期。
第五步：使用定時(shí)器setTimeout()，動(dòng)態(tài)輸出時(shí)間
setTimeout(show,1000);
if(timediff==0){return 0;}
當(dāng)時(shí)間差為0時(shí)，返回0，停止輸出。也可以使用clearInterval()方法停止定時(shí)器，不在繼續(xù)動(dòng)態(tài)輸出時(shí)間：
var set=setTimeout(show,1000);
if(timediff==0){clearInterval(set);}
當(dāng)時(shí)間差為0時(shí)，使用clearInterval()方法停止setTimeout()定時(shí)器，不在輸出時(shí)間。
動(dòng)態(tài)效果圖：
說明：
setInterval() ：定義一個(gè)間隔性觸發(fā)計(jì)時(shí)器，會(huì)按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式。該方法會(huì)不停地調(diào)用函數(shù)，直到 調(diào)用clearInterval()方法來停止setInterval()計(jì)時(shí)器或窗口被關(guān)閉。
總結(jié)：以上就是本篇文章的全部?jī)?nèi)容，希望能對(duì)大家的學(xué)習(xí)有所幫助。
以上就是js如何實(shí)現(xiàn)動(dòng)態(tài)倒計(jì)時(shí)效果的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注其它相關(guān)文章！
更多技巧請(qǐng)《轉(zhuǎn)發(fā) + 關(guān)注》哦！
css3的animation想必大家都知道吧，那 steps 逐幀動(dòng)畫你知道嗎？對(duì)于我來說，實(shí)際工作及練習(xí)中也很少用到這種跳躍式變化的動(dòng)畫，而它start和end的解釋又比較“不說人話”，以前用到steps動(dòng)畫的時(shí)候，常常是靠調(diào)試，來回設(shè)置start和end，主打的就是瞎貓碰上死耗子。雖然之前也看過關(guān)于他們區(qū)別的文章，但都是半知半解，過兩天就剩零知零解了。最近忙里偷閑，我終于打算一探究竟了，我倒要看看start和end到底有什么區(qū)別！ 順便寫幾個(gè)小demo造福一方～
animation的工作原理是通過將元素的CSS樣式從一個(gè)狀態(tài)改變?yōu)榱硪粋€(gè)狀態(tài)時(shí)（我們稱為線性變化），瀏覽器會(huì)在每個(gè)關(guān)鍵幀之間插入補(bǔ)間動(dòng)畫，所以動(dòng)畫效果是連貫性的，這也就是我們常用的 補(bǔ)間動(dòng)畫。
而steps()逐幀動(dòng)畫則是跳躍式變化，如果說補(bǔ)間動(dòng)畫是一個(gè)滑坡式的變化，那么逐幀動(dòng)畫就是階梯式變化，它的變化沒有中間過程。補(bǔ)間動(dòng)畫就像你看的普通動(dòng)畫片，而逐幀動(dòng)畫就像是那種定格動(dòng)畫。
語法:
animation-timing-function: steps(number, [end | start])參數(shù)說明：
什么叫在間隔的起點(diǎn)或終點(diǎn)發(fā)生變化呢？光看文字十有八九看不懂，下面就用示例代碼來說明。
上圖是我ps的一張圖，尺寸為200*750，共5個(gè)色塊，每個(gè)色塊高度150。 在示例代碼中我將以這張圖為背景，每一幀將背景上升一個(gè)色塊的高度。關(guān)鍵代碼如下：
animation: ani 5s 2s steps(5,start) infinite backwards;
@keyframes ani{
100%{
background-position:0px -750px;
}
}在設(shè)置動(dòng)畫前的初始狀態(tài)：
再直接來看看動(dòng)畫末態(tài)的情況： 一個(gè)色塊150px，所以動(dòng)畫末態(tài)是背景圖片向上移動(dòng)750px。
為了完整的看到動(dòng)畫效果，我設(shè)置了2秒的動(dòng)畫延遲
我們?cè)O(shè)置的steps的第一個(gè)參數(shù)number為 5 ，也就是把整個(gè)動(dòng)畫過程切割成5個(gè)片段，如下圖：
在實(shí)驗(yàn)之前先來分析一下，既然是片段，那必然有片段的起點(diǎn)和終點(diǎn)，可以把補(bǔ)間動(dòng)畫看作點(diǎn)，而逐幀動(dòng)畫則是面。那么這五個(gè)片段的起點(diǎn)終點(diǎn)是哪呢，如下圖：
你會(huì)發(fā)現(xiàn)，動(dòng)畫是由6個(gè)點(diǎn)切成段五段，帶著這個(gè)思路開始下面的實(shí)驗(yàn)。
先來看一下設(shè)置 start 的效果:
你會(huì)發(fā)現(xiàn)色塊1怎么不顯示了，甚至在動(dòng)畫沒開始前，也就是延時(shí)階段直接就顯示了【2】，變化過程為： 2 - 3 - 4 - 5 - 空
分析一下就可以想到，start是在間隔的起點(diǎn)發(fā)生階越變化，即開始直接就發(fā)生變化了，第一段直接階越到了第一段結(jié)束的位置。
再來看下設(shè)置 end 的效果：
你發(fā)現(xiàn)動(dòng)畫變正常了，動(dòng)畫過程是從【1】到【5】。 再分析一下，因?yàn)閑nd是在間隔終點(diǎn)發(fā)生階越變化，即每一段都會(huì)在其開始階段進(jìn)行停留，這一段結(jié)束后才會(huì)發(fā)生變化直接階越到下一段的開始狀態(tài)。
總結(jié)：
可以將補(bǔ)間動(dòng)畫和 steps 逐幀動(dòng)畫類比于點(diǎn)和線的區(qū)別，steps切割開的每個(gè)動(dòng)畫片段就是一條樣式不變的線，而線都有首尾兩個(gè)點(diǎn)。
設(shè)置 start 的 steps 的動(dòng)畫總是在開始發(fā)生變化，即逐幀顯示每一段的終點(diǎn)；
而設(shè)置 end 的 steps 的動(dòng)畫總是在結(jié)束發(fā)生變化，即逐幀顯示每一段的起點(diǎn)；
其實(shí)很簡(jiǎn)單的道理，為什么總是記不住呢，因?yàn)樗腿说膽T性思維恰好相反。設(shè)置start總覺得是顯示每一段的開頭，可它恰好相反，start是開頭發(fā)生變化，顯示的都是每一段的結(jié)尾。
另一種理解思路：
steps(number, [end | start]) 是將動(dòng)畫分為number段，共有number + 1幀畫面。start就是拋棄第一幀畫面執(zhí)行動(dòng)畫，end就是拋棄最后一幀畫面執(zhí)行動(dòng)畫。
注意： 第二個(gè)參數(shù)還有兩個(gè)內(nèi)置值，step-start等同于steps(1,start)，動(dòng)畫分成1步，2個(gè)節(jié)點(diǎn)，拋棄第一個(gè)節(jié)點(diǎn)，即顯示結(jié)尾節(jié)點(diǎn)的狀態(tài)；同理step-end等同于steps(1,end)。
jump-start：在每個(gè)時(shí)間間隔開始的時(shí)候跳1步到下一狀態(tài)位置； jump-end：在每個(gè)時(shí)間間隔結(jié)束的時(shí)候跳1步到下一狀態(tài)位置； jump-both：在每個(gè)時(shí)間間隔開始和結(jié)束的時(shí)候跳1步到下一狀態(tài)位置，跳步次數(shù)會(huì)比預(yù)設(shè)的多一次； jump-none：在每個(gè)狀態(tài)位置停留夠一個(gè)時(shí)間間隔才跳到下一位置，跳步次數(shù)會(huì)比與預(yù)設(shè)的少一次
上面我只設(shè)置了動(dòng)畫100%時(shí)的狀態(tài)，那如果我設(shè)置了多個(gè)關(guān)鍵幀的狀態(tài)呢，那還是以整個(gè)動(dòng)畫過程切割成number段嗎？
我們?cè)賮碜鰩讉€(gè)實(shí)驗(yàn)：
我們將動(dòng)畫時(shí)間由5秒改成10秒（為了方便觀察，我們?cè)O(shè)置steps第二個(gè)參數(shù)為end，放棄第一幀畫面），然后將原先的動(dòng)畫末態(tài)改到50%，并在動(dòng)畫100%時(shí)增加邊框。·
animation: ani 10s 2s steps(5,end) infinite backwards;
@keyframes ani{
50%{
background-position:0px -750px;
}
100%{
border: 100px solid red;
}結(jié)果如下圖：
觀察后發(fā)現(xiàn)，在10秒的完整動(dòng)畫期間：background-position的變化過程是圖像顯示由1到5，再由5到1，共變化了 【10】 次，而我設(shè)置的steps的number參數(shù)是 【5】，這就打破了上面我說的以整個(gè)動(dòng)畫過程切割成number段的假說。
同時(shí)可以觀察到，border的變化過程共進(jìn)行了5次，因?yàn)槲覀冎辉?00%的時(shí)候設(shè)置了border。
得出結(jié)論： steps的number參數(shù)并不是將整個(gè)動(dòng)畫過程切割成number段，而是對(duì)于某個(gè)css樣式來說，每一段關(guān)鍵幀的變化切割成number段。
假想：上面我們只在動(dòng)畫100%的時(shí)候設(shè)置了100px的boder，如果我們?cè)?0%的時(shí)候也設(shè)置border，并且狀態(tài)恰好是100%的一半，這樣對(duì)于動(dòng)畫0%到100%是一個(gè)流暢的線性變化。請(qǐng)問這時(shí)候動(dòng)畫還會(huì)被切成5段嗎？
觀察發(fā)現(xiàn)，動(dòng)畫被切成了10段。
得出結(jié)論： 即使將幾個(gè)關(guān)鍵幀的css變化設(shè)置的具有規(guī)律性，但是steps仍然會(huì)將每段關(guān)鍵幀的變化切割成number段，即只要在這個(gè)關(guān)鍵幀里設(shè)置了某個(gè)css，那么對(duì)于這個(gè)css來說，這個(gè)關(guān)鍵幀就會(huì)被視為steps動(dòng)畫的端點(diǎn)。
那既然每段關(guān)鍵幀都會(huì)被steps切割成number段，那每段的steps動(dòng)畫執(zhí)行的時(shí)間怎么劃分呢？其實(shí)想想就能想到，應(yīng)該是按照關(guān)鍵幀占整個(gè)動(dòng)畫過程的比例分割整個(gè)動(dòng)畫時(shí)間。
如下圖設(shè)置boder：【0%-50%】寬度由0到100，【50%-75%】寬度由100到0，【75%-100%】寬度由0到100
很明顯可以觀察到，border寬度變化的時(shí)間為 2:1:1，即驗(yàn)證了我上面的推論。
下面我舉幾個(gè)steps() 動(dòng)畫的使用場(chǎng)景。
用一張人物動(dòng)作關(guān)鍵幀的長(zhǎng)圖，和上面的案例一樣，通過修改背景圖片位置，實(shí)現(xiàn)動(dòng)物或人物的動(dòng)作變化。作為一名蒸愛粉，我給哥哥做了一個(gè)跳舞的動(dòng)畫：
打字機(jī)的原理是用一個(gè)和文字總寬度一樣的div覆蓋文字，并用這個(gè)div的邊框設(shè)置steps()動(dòng)畫實(shí)現(xiàn)光標(biāo)效果，然后減小div寬度（每一幀減小一個(gè)文字的寬度），讓下面文字漏出來就好了～\
點(diǎn)擊運(yùn)行查看效果～
我這里提供了兩種實(shí)現(xiàn)方案，準(zhǔn)確來說是三種：
方案1: var() css變量 + counter-reset計(jì)數(shù)器 + @property規(guī)則 + steps()逐幀動(dòng)畫
使用css變量和counter-reset計(jì)數(shù)器來實(shí)現(xiàn)倒計(jì)時(shí)的數(shù)字，只要設(shè)置動(dòng)畫，在5秒內(nèi)將變量由5變?yōu)?即可實(shí)現(xiàn)倒計(jì)時(shí)，但是變量的變化是不會(huì)被瀏覽器添加補(bǔ)間動(dòng)畫的，即只會(huì)在5秒后直接變成0，而不會(huì)有中間，5-4-3-2-1-0的過程，這時(shí)我們?cè)倮聾property關(guān)鍵字為這個(gè)變量配置規(guī)則，實(shí)現(xiàn)數(shù)字變化的動(dòng)態(tài)過程！
而最后出現(xiàn)的 "Go" 可以利用step-end逐幀動(dòng)畫，在5秒后將文字修改成 "Go"，或者利用@counter-style關(guān)鍵字自定義計(jì)數(shù)器規(guī)則，在變量變化到0的時(shí)候，定義一個(gè)symbols符號(hào)。
如果你不了解counter-reset、@property和@counter-style，可以查看以下兩篇文章：
CSS counter-reset 屬性
mdn 關(guān)于@property API 說明 mdn 關(guān)于@counter-style 說明
點(diǎn)擊運(yùn)行查看效果～
方案2: 只用steps()逐幀動(dòng)畫
其實(shí)這個(gè)就很簡(jiǎn)單了，所有的數(shù)字和最后的 "GO" 都在html里寫死并設(shè)置等高，然后就可以向上面移動(dòng)圖片位置一樣移動(dòng)這些數(shù)字進(jìn)行顯示了。
點(diǎn)擊運(yùn)行查看效果～
平常工作中可以用到steps()逐幀動(dòng)畫的場(chǎng)景也有很多：
原文鏈接：https://juejin.cn/post/7242145254056214583
5年前的今天，即1964年10月16日，我國(guó)第一顆原子彈爆炸成功。這一成就集中代表我國(guó)科學(xué)技術(shù)當(dāng)時(shí)所能達(dá)到的新水平，有力地打破了超級(jí)大國(guó)的核壟斷和核訛詐，提高了我國(guó)的國(guó)際地位。那么，關(guān)于這第一顆原子彈爆炸前后的故事你了解多少呢？由奚啟新編著的《朱光亞傳》（中國(guó)青年出版社）便提到了諸多歷史細(xì)節(jié)。比如為了保密，在張愛萍親自主持下，有關(guān)人員著手編制了暗語：正式爆炸的原子彈密語為“邱小姐”，原子彈裝配為“穿衣”，原子彈裝配車間，密碼為“住下房”，吊到塔架上的工作平臺(tái)為“住上房”，原子彈插火工品，密碼為“梳辮子”，氣象的密碼為“血壓”，起爆時(shí)間為“零時(shí)”。
1964年9月29日，原子彈從青海金銀灘起運(yùn)。朱光亞通過專線向北京報(bào)告：“‘邱小姐’已上轎。”
在這之前，9月23日下午，周恩來在中央軍委辦公廳會(huì)議室，召集賀龍、陳毅、羅瑞卿、張愛萍、劉杰、劉西堯開了一個(gè)絕密會(huì)議。周恩來首先傳達(dá)了毛澤東的指示，然后非常嚴(yán)肅地說：既然決定早試，那就按10月份早試的方案進(jìn)行。張愛萍、劉西堯趕赴試驗(yàn)現(xiàn)場(chǎng)組織指揮；劉杰留在北京主持二機(jī)部、國(guó)防科委組成的聯(lián)合辦公室，負(fù)責(zé)北京與試驗(yàn)場(chǎng)的聯(lián)絡(luò)，并負(fù)責(zé)組織有關(guān)核工廠的關(guān)鍵技術(shù)資料、儀器設(shè)備的安全轉(zhuǎn)移，防止敵人轟炸把我們的家底都?xì)Я耍魂愐憬M織外交部做好對(duì)外宣傳工作的準(zhǔn)備。如果敵人襲擊，一定要保護(hù)好我們的專家、核研制基地、重要的核工廠。保密問題，尤為重要。我保密柜的鑰匙都是我親自保管。給毛主席的信，信皮都是我親自寫，不要人代，已成習(xí)慣了。希望你們對(duì)家里人也不說，不要一高興就說出去。對(duì)誰都不能講。
周恩來率先垂范，據(jù)鄧穎超在紀(jì)念周恩來90誕辰時(shí)回憶說：“我國(guó)第一顆原子彈爆炸前，他也向我保密，事先我一點(diǎn)也不知情。”
會(huì)議結(jié)束時(shí)，周恩來指示：為了確保核試驗(yàn)場(chǎng)與北京之間的聯(lián)絡(luò)保密，應(yīng)規(guī)定出一些暗語和密碼來，今晚就制定出來。在張愛萍親自主持下，有關(guān)人員立即著手編制暗語。參加編制暗語的總參作戰(zhàn)部參謀兼首次核試驗(yàn)委員會(huì)辦公室主任的李旭閣回憶說：我與二機(jī)部辦公廳主任張漢周，二機(jī)部部長(zhǎng)劉杰的秘書李鷹翔，國(guó)防科委的高建民處長(zhǎng)一起編暗語。因?yàn)槭状魏嗽囼?yàn)的原子彈是圓形，大家同意，將原子彈取名為“邱小姐”，將裝原子彈的平臺(tái)叫“梳妝臺(tái)”，連接火工品的電纜像頭發(fā)一樣長(zhǎng)，叫“梳辮子”。我寫完后，當(dāng)天晚上便送給了張愛萍，密碼對(duì)照表上規(guī)定：正式爆炸的原子彈密語為“邱小姐”，原子彈裝配為“穿衣”，原子彈裝配車間，密碼為“住下房”，吊到塔架上的工作平臺(tái)為“住上房”，原子彈插火工品，密碼為“梳辮子”，氣象的密碼為“血壓”，起爆時(shí)間為“零時(shí)”。
有關(guān)領(lǐng)導(dǎo)也有相應(yīng)的代號(hào)。張副總長(zhǎng)看了后連聲說：“旭閣，你們編得好，既形象生動(dòng)又隱秘難猜。”原子彈分兩部分裝運(yùn)。大部分部件由專列火車運(yùn)抵烏魯木齊，最關(guān)鍵的兩個(gè)部件——鈾球和點(diǎn)火中子源，則由另一專列運(yùn)至西寧后，再由經(jīng)過保溫改裝的伊爾14運(yùn)輸機(jī)運(yùn)往核試驗(yàn)基地。根據(jù)周恩來的指示，裝運(yùn)原子彈的專列被定為一級(jí)專列，享受國(guó)家最高元首的警衛(wèi)規(guī)格。
1964年10月14日，張愛萍召開首次核試驗(yàn)委員會(huì)會(huì)議，進(jìn)行“氣象會(huì)商”，以確定第一顆原子彈具體爆炸時(shí)間。國(guó)家氣象局、總參氣象局和核試驗(yàn)基地氣象專家經(jīng)過認(rèn)真討論，認(rèn)為10月15日、16日為“好天氣”，可以試爆。按照毛澤東確定的“早響”原則，大多數(shù)同志傾向于15日，但有一位列席會(huì)議的核試驗(yàn)基地氣象預(yù)報(bào)員朱品德提供了一個(gè)情況：14日晚上有可能起大風(fēng)，陣風(fēng)可達(dá)每秒14至16米。眾人大吃一驚。北京來的氣象專家解釋道，朱品德此前提出過這個(gè)意見，但大家分析后認(rèn)為“可能性很小”。張愛萍表情嚴(yán)肅了起來，說：“朱品德同志的意見提得好！第一，在科學(xué)技術(shù)面前，不適用‘少數(shù)服從多數(shù)’原則，只服從真理！第二，提出不同意見，可以打開大家視野，把事情辦得更好。”朱品德是基層氣象預(yù)報(bào)員，搜集了近幾年來試驗(yàn)場(chǎng)區(qū)周邊氣象站（臺(tái)）的氣象資料，有著豐富的實(shí)際經(jīng)驗(yàn)。他詳細(xì)匯報(bào)了自己的看法。張愛萍沉思片刻，說：這樣吧，下午再進(jìn)行一次氣象會(huì)商，現(xiàn)在各氣象部門回去認(rèn)真研究。”下午4時(shí)，張愛萍再次召開首次核試驗(yàn)黨委常委會(huì)，最后確定10月16日進(jìn)行正式核試驗(yàn)。會(huì)議一結(jié)束，張愛萍就給留守北京協(xié)調(diào)指揮的劉杰打電話：“‘邱小姐’16日出嫁。”
巨響震驚世界沖鋒號(hào)吹響，中國(guó)第一顆原子彈起爆進(jìn)入倒計(jì)時(shí)。
原子彈順利坐落到了鐵塔上。張愛萍再次向北京報(bào)告：“‘邱小姐’已經(jīng)坐在梳妝臺(tái)前。”站在鐵塔下，注視著那顆凝聚著千萬人心血的原子彈，大家心潮澎湃。忽然間，刮起了大風(fēng)，經(jīng)測(cè)量，風(fēng)速達(dá)每秒16米。朱品德的預(yù)報(bào)被證實(shí)了。10月15日下午2點(diǎn)，風(fēng)速減小到了每秒6米以下，符合核爆條件。張愛萍、劉西堯等人最后商量決定：16日15時(shí)為核爆“零時(shí)”，并報(bào)告了北京，得到了周總理的批準(zhǔn)。
10月16日凌晨4時(shí)，李覺代表第九作業(yè)隊(duì)向首次核試驗(yàn)委員會(huì)呈上報(bào)告，請(qǐng)求批準(zhǔn)于6時(shí)30分開始給原子彈插接雷管。首次試驗(yàn)委員會(huì)批復(fù)：同意。張愛萍、劉西堯、成鈞、朱光亞、朱卿云、張震寰、張?zhí)N鈺都鄭重地在報(bào)告上簽下了自己的名字。插接雷管是原子彈試爆前最后一道工序。這里所說的插接雷管，不同于往炸藥里插雷管。它是將多路雷管的導(dǎo)線，平行地垂向地面插入導(dǎo)管。由于它形似姑娘的辮子，故插接雷管的密語就是“梳辮子”。同時(shí)，張愛萍即向北京報(bào)告：16日6時(shí)30分‘邱小姐’開始梳辮子。”給原子彈插接雷管時(shí)，張愛萍、劉西堯、張?zhí)N鈺又一起親臨現(xiàn)場(chǎng)。張愛萍親切地望著李覺、吳際霖、朱光亞三人，說：“開始吧！”接著又問：“三把鑰匙都帶上了沒有？”張愛萍問的“三把鑰匙”，一把是起爆臺(tái)的鑰匙，另外兩把是變電房和變壓器控制站的鑰匙。分別由陳能寬、李覺、張?zhí)N鈺掌管。當(dāng)時(shí)，核武器研究院有個(gè)規(guī)定，就是插雷管時(shí)，必須要帶上起爆臺(tái)的鑰匙。因?yàn)橛需€匙在身邊，插雷管時(shí)就不可能啟動(dòng)起爆臺(tái)裝置，這也是為了確保安全。張?zhí)N鈺拿著起爆臺(tái)鑰匙，和李覺一起，陪同插雷管人員上了鐵塔。上塔插接雷管人員共有6名作業(yè)隊(duì)人員。其中，3人負(fù)責(zé)將雷管安裝在原子彈上；1人負(fù)責(zé)傳送雷管和檢查編號(hào)，并做好記錄；2人負(fù)責(zé)導(dǎo)通。雖然平時(shí)操練了多時(shí)，但真正要給原子彈插雷管，操作人員不免還是很緊張。李覺就安慰他們說：“不要緊張，我們與你們?cè)谝黄稹Ｄ銈兛矗傊笓]張（愛萍）副總長(zhǎng)、朱（光亞）副部長(zhǎng)也在塔下陪著你們呢！”李覺回憶說：插雷管時(shí)，一方面要自行檢查，另外還要交互檢查，完了以后都得簽字。之后，對(duì)整個(gè)系統(tǒng)進(jìn)行導(dǎo)通。插雷管的過程一共用了差不多4個(gè)小時(shí)，每插一個(gè)都要檢查，看是否插到底了。如果插不到底，就很可能產(chǎn)生不了一個(gè)比較好的球形內(nèi)聚波，破壞這個(gè)球面波的對(duì)稱性。彭恒武在青海基地時(shí)就對(duì)負(fù)責(zé)插雷管的技術(shù)人員說過，如果這次要不響的話，是你們雷管沒插好。因?yàn)槔碚摬康挠?jì)算證明是沒有問題的。596出廠前夜做過冷試驗(yàn)，出中子出得很好，證明整個(gè)核裝置的理論設(shè)計(jì)、裝配、加工等都是不錯(cuò)的。那么，從理論到試驗(yàn)都沒有問題，試驗(yàn)如果真失敗了，雷管沒插好是最大的可能。
16日10時(shí)30分，首次核試驗(yàn)進(jìn)入清場(chǎng)程序。
張?zhí)N鈺在回憶文章里寫道：當(dāng)我們來到指揮觀察所的時(shí)候，離“零時(shí)”已不到20分鐘了。張愛萍對(duì)我說：“K1指令已經(jīng)發(fā)出。”這時(shí)，炊事員送來了當(dāng)午飯的包子，老遠(yuǎn)就聞到了香味，但吃到嘴里一點(diǎn)感覺也沒有。大家的表情都異常嚴(yán)肅。“K3”指令發(fā)出后，儀器設(shè)備進(jìn)入自動(dòng)化程序。9、8、7、6 ……讀秒的聲音讓我感到了一種無法形容的感動(dòng)。我屏住呼吸，戴著防護(hù)眼鏡的頭低著，等待著最后時(shí)刻的降臨。那種可怕的寂靜，一直延續(xù)到讀秒的“零時(shí)”過后，隨即被一道強(qiáng)烈的閃電打破了。緊接著傳來了一陣我從未聽到過的轟鳴聲。專家們根據(jù)閃光、火球和蘑菇煙云的景象，判定是核爆炸。最初的歡呼聲來自西側(cè)參觀的人群。他們激動(dòng)地呼喊著，跳躍著，灑著淚擁抱在一起，把帽子拋向了天空。
走過萬水千山
我依然眷念您
歡迎訂閱2019年《讀者報(bào)》
郵發(fā)代號(hào)：61—98
訂閱方式
1. 拔打11185或到當(dāng)?shù)剜]政所訂閱
2. 關(guān)注“讀者報(bào)官方微信”，進(jìn)入微店下單訂報(bào)
3.淘寶店鋪：https://shop269196912.taobao.com
4.《讀者報(bào)》微店地址：https://weidian.com/?userid=357720529&wfr=wx_profile_wxh5&share_relation=fe55d9279dc1de63_791158084_2
5.《看熊貓》雜志微店地址：https://weidian.com/item.html?itemID=2244146540
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
