js做倒計時


var dinshiqi = setInterval(timerun,1000)
function timerun(){

//timegundong
var now_time = new Date();
var hours = now_time.getHours(); //時
var minutes = now_time.getMinutes(); //分
var seconds = now_time.getSeconds(); //秒

//秒鐘
show_seconds = 59 - parseInt(seconds)+'';
if(show_seconds.length<2){
show_seconds = '0'+show_seconds;

}
var show_seconde_one = show_seconds.charAt(0); //返回倒計時秒數的第一個數字
document.getElementById("second_one").innerText=show_seconde_one;
var show_seconde_two = show_seconds.charAt(1); //返回倒計時秒數的第二個數字
document.getElementById("second_two").innerText=show_seconde_two;

//分鐘
show_minute = 59- parseInt(minutes)+'';
if(show_minute.length<2){
show_minute = '0'+show_minute;

}
var show_minute_one = show_minute.charAt(0); //返回倒計時分數的第一個數字
document.getElementById("minnutes_one").innerText=show_minute_one;
var show_minute_two = show_minute.charAt(1); //返回倒計時分數的第二個數字
document.getElementById("minnutes_two").innerText=show_minute_two;

//時鐘
show_hours = 23- parseInt(hours)+'';
if(show_hours.length<2){
show_hours = '0'+show_hours;
}
var show_hours_one = show_hours.charAt(0); //返回倒計時分數的第一個數字
document.getElementById("hours_one").innerText=show_hours_one;
var show_hours_two = show_hours.charAt(1); //返回倒計時分數的第二個數字
document.getElementById("hours_two").innerText=show_hours_two;
}

// 定時器2
var jiangyou1=9;
var dinshiqi2 = setInterval(jiangyouRun,100);
function jiangyouRun(){
//醬油位置
jiangyou1-=1;
if(jiangyou1<1){
jiangyou1=9
}
var jiangyou_one = jiangyou1-1;;
document.getElementById('jiangyou_one').innerText=jiangyou_one;
}
// 定時器3
var jiangyou2=9;
var dinshiqi3 = setInterval(jiangyouRun2,50);
function jiangyouRun2(){
//醬油位置
jiangyou2-=1;
if(jiangyou2<1){
jiangyou2=10
}
var jiangyou_two = jiangyou2-1;
document.getElementById('jiangyou_two').innerText=jiangyou_two;
}

轉載于:https://www.cnblogs.com/yangjiansong/p/7205533.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/253984.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/253984.shtml
英文地址,請注明出處:http://en.pswp.cn/news/253984.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

QT右鍵點擊添加庫不響應的解決辦法

問題描述 QT在pro右鍵點擊添加庫不響應 解決方案 雙擊打開pro文件 在pro文件界面里單擊鼠標右鍵&#xff0c;并選擇添加庫。 解決問題

爬取前塵無憂python職位信息并保存到mongo數據庫

&#xff11;&#xff0e;re實現 1 import re,os2 import requests3 from requests.exceptions import RequestException4 5 MAX_PAGE 10 #最大頁數6 KEYWORD python7 headers {8 User-Agent:9 Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, lik…

實驗八——函數定義及調用總結

1.本次課學習到的知識點&#xff1a; (1)學習了數字金字塔。pyramid ()函數功能&#xff0c;函數定義時&#xff0c;形參n決定數字金字塔的層數&#xff1b; (2)不返回結果的函數定義&#xff1a; (3)復數運算&#xff1a; c1x1&#xff08;y1) i&#xff0c;c2x2&#xff08;y…

Apache JMeter 記一次使用HTTP工具POST提交JSON數據進行送積分高并發壓測(二)

一、前言 前面文章已經介紹Apache JMeter的基本概率和如果使用&#xff0c;但作為一個開發人員&#xff0c;自己寫的代碼都應該要好好的COD EREVIEW,好好的自測吧。但是有些場景比如高并發、負載和性能測試的時候&#xff0c;不借助工具是不好進行測試的。Jmter工具設計之初是用…

QT pro文件詳解

1.QT pro文件配置項說明 注釋&#xff1a;注釋是從一行的#開始&#xff0c;到這一行的結束。QT &#xff1a;這個是添加QT項目需要的模塊的&#xff0c;若項目中要排除某個模塊&#xff0c;也可用QT -配置項。TEMPLATE : 這個配置項確定qmake為這個應用程序生成哪種makefile …

可伸縮視頻編碼svc

可伸縮視頻編碼&#xff08;Scalable Video Coding, SVC&#xff09;技術把視頻信號編碼成分層的形式&#xff0c;當帶寬不足時只對基本層的碼流進行傳輸和解碼&#xff0c;但這時解碼的視頻質量不高。當帶寬慢慢變大時&#xff0c;可以傳輸和解碼增強層的碼流來提高視頻的解碼…

【vim】幾種模式的切換

很多初學者啟動vim后&#xff0c;不知道怎么輸入字符&#xff1a;按了半天字母&#xff0c;結果屏幕還是空的。 vim和記事本或WORD不一樣&#xff0c;不是一打開后就可以輸入文字&#xff0c;此時它處于正常模式。 vim一共有4個模式&#xff1a; 正常模式 (Normal-mode) 插入模…

數據結構----順序表與單鏈表(JAVA)

下面為學習順序表和單鏈表的一些基本操作函數&#xff1a; 1 public class SeqList<T> extends Object {2 protected int n;3 protected Object[] element;4 5 public SeqList(int length) {6 this.element new Object[length];7 this.n 0…

SSH初體驗系列--Hibernate--1--環境配置及demo

最近在學hibernate,常見的教程都是搭配mysql,因為公司本地電腦用的是pg,所以就嘗試著做個pg的小demo. 自己也是邊學邊寫&#xff0c;只當是加深印象.話不多說&#xff0c;直接開始; 一) 準備工作; 1) 本地安裝postgresql ,這個不多說&#xff0c;自己去網上下載; 注: 本次使用的…

Qt學習:QAction系列詳解

一、QAction類詳解 【詳細描述】 QAction類提供了抽象的用戶界面action&#xff0c;這些action可以被放置在窗口部件中。 應用程序可以通過菜單&#xff0c;工具欄按鈕以及鍵盤快捷鍵來調用通用的命令。由于用戶期望每個命令都能以相同的方式執行&#xff0c;而不管命令所使用的…

H.264優秀特征

一、主要特性 1、H.264/AVC相對以前的編碼方法&#xff0c;以MPEG-2為例&#xff0c;在圖像內容預測方面提高編碼效率&#xff0c;改善圖像質量的主要特點如下&#xff1a; ● 可變塊大小運動補償&#xff1a; 選擇運動補償大小和形狀比以前的標準更靈活&#xff0c;最小的…

Linux 文件系統 EXT4 的前世今生

在先前關于Linux文件系統的文章中&#xff0c;我寫了一份說明書去介紹Linux文件系統&#xff0c;里面有一些高級的概念&#xff0c;比如說&#xff0c;一切都是文件。我很想去深入地討論更多EXT文件系統的特性的信息。所以&#xff0c;首先讓我們來回答這個問題&#xff1a;什么…

windows 添加開始菜單

C:\Users\用戶名&#xff08;為你設置的電腦名稱&#xff09;\AppData\Roaming\Microsoft\Windows\Start Menu C:\ProgramData\Microsoft\Windows\Start Menu 注&#xff1a;默認狀態下AppData和ProgramData文件夾為隱藏狀態&#xff0c;所以要查看需要先顯示隱藏的文件。 具體…

awesome-go:很全的go語言資源合集

awesome-go:一個很全的go語言框架&#xff0c;庫&#xff0c;軟件合集 前面發過關于awsone-python, awsone django&#xff0c; flask。最近在學習golang&#xff0c;所以找到awsone-go 非常贊的go語言 Audio & 音樂類安全認證 & OAuthCUI數據庫數據庫驅動日期時間Emai…

zabbix監控系列(5)之通過trap模式監控網絡設備

轉載于:https://www.cnblogs.com/liaojiafa/p/7216749.html

struts2框架下的一個簡單的ajax例子

舉個例子 jsp頁面&#xff1a; <% page language"java" import"java.util.*" pageEncoding"utf-8"%> <% String path request.getContextPath(); String basePath request.getScheme()"://"request.getServerName()":…

C語言的指針初始化特別注意一點

void func2(int *value) { *value 2; /// value為空指針&#xff0c;不能被取值&#xff0c;所以*value是錯誤的 } void func1() { int *p 0;//此處相當于PNULL func2(p); } / void func2(int *value) { *value 2; /// 正確} void func1() { int a0; int *p &…

小程序—九宮格心形拼圖

說明 前幾天在朋友圈看到好幾次這種圖片。 這種圖片&#xff0c;是用九張圖片拼成的一個心形。 感覺很有趣&#xff0c;就上網查了查怎么做&#xff0c;大部分的說法就是用美圖秀秀的拼圖功能來做&#xff0c; 在微信小程序中也有專門做心形拼圖的小程序&#xff0c;我都試了試…

第二部分:志愿錄取標準

第二部分&#xff1a;志愿錄取標準 零、概況一、傳統志愿錄取過程二、平行志愿錄取過程三、17年志愿錄取過程 零、概況自1977年&#xff0c;恢復高考以來&#xff0c;高考錄取標準&#xff0c;作為公平線&#xff0c;都是相當透明的。這部分分享&#xff0c;以錄取標準&#xf…