×

倒计时代码 html代码

倒计时html代码?倒计时代码怎么写

admin admin 发表于2022-09-04 20:31:21 浏览177 评论0

抢沙发发表评论

本文目录

倒计时html代码


倒计时的html代码:

《!DOCTYPE HTML》
《html》
《head》
《meta charset=“utf-8“》
《title》CSS3圆环倒计时-源码搜藏网《/title》
《style》
.pie { width:200px; height:200px; background-color:blue; border-radius:100px; position:absolute; }
.pie1 { clip:rect(0px,200px,200px,100px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:-moz-radial-gradient(20% 50% 0deg, #333, #0000ff); background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to(#0000ff)); }
.pie2 { clip:rect(0px,100px,200px,0px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); background:-moz-radial-gradient(80% 50% 0deg, #333, #0000ff); background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to(#0000ff)); }
.hold { width:200px; height:200px; position:absolute; z-index:1; }
.hold1 { clip:rect(0px,200px,200px,100px); }
.hold2 { clip:rect(0px,100px,200px,0px); }
.bg { width:200px; height:200px; background-color:red; border-radius:100px; position:absolute; box-shadow:0px 0px 8px #333; background:-moz-radial-gradient(0% 50% 0deg, #900, #ff0000); background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#900), to(#ff0000)); }
.time { width:160px; height:160px; margin:20px 0 0 20px; background-color:#fff; border-radius:100px; position:absolute; z-index:1; box-shadow:0px 0px 8px #333 inset; text-align:center; line-height:160px; font-family:“Book Antiqua“, Palatino, serif; font-size:35px; font-weight:bold; text-shadow: 1px 1px 3px #333; }
.time em { background:#fff; position:absolute; top:62px; left:12px; height:18px; width:140px; opacity:0.4; }
《/style》
《/head》
《body》
《div class=“hold hold1“》
  《div class=“pie pie1“》《/div》
《/div》
《div class=“hold hold2“》
  《div class=“pie pie2“》《/div》
《/div》
《div class=“bg“》 《/div》
《div class=“time“》《span》《/span》《em》《/em》《/div》
《script src=“


倒计时代码怎么写


#python 倒计时代码
import time
count = 0
min = 10 #倒计时10个数
while (count 《 min):
time.sleep(1)#倒计时休眠时间1秒。
print(“\r%s“ % str(min - count).center(20,’-’), end=““) # 总长度20,字符居中,其余部分用’-’填空
count += 1
-倒计时代码

倒计时代码


《div class=“J_TWidget“ data-widget-config=“{ ’endTime’: ’2013-11-11 0:0:0’, ’interval’: 1000, ’timeRunCls’:
’.countdown-run’, ’timeUnitCls’:{ ’d’: ’.mr-d’, ’h’: ’.mr-h’, ’m’: ’.mr-m’, ’s’: ’.mr-s’, ’i’: ’.mr-i’ }, ’minDigit’:2,
’timeEndCls’: ’.countdown-end’ }“ data-widget-type=“Countdown“ style=“position:absolute;width:213px;text-align:center;color:#ff0000;top:0px;height:32px;font-family:微
软雅黑;font-size:25px;“》
这部分代码style=“里面加上position:absolute;调整div绝对位置top:0px;,你自己根据需要调整一下top具体数值。
-html代码

jquery倒计时代码是怎么写的


首先获取当前时间与目标时间的时间差,然后通过定时器更新这个时间差,就实现了倒计时效果。实现上述过程需要以下两个函数:
getTime() // 返回距1970年1月1日之间的毫秒数,这样将时间差(毫秒数)÷3600÷24即为天数,时分秒类似
setTimeout(code,millisec); // 在指定的毫秒数后调用函数
实例演示如下
创建Html元素
《div class=“box“》
《span》距离2015年国庆节还剩:《/span》《br》
《div class=“content“》
《input type=“text“ id=“time_d“》天《input type=“text“ id=“time_h“》时《input type=“text“ id=“time_m“》分《input type=“text“ id=“time_s“》秒
《/div》
《/div》
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box》span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
input[type=’text’]{width:45px;height:35px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}
编写jquery代码
$(function(){
show_time();
});
function show_time(){
var time_start = new Date().getTime(); //设定当前时间
var time_end = new Date(“2015/10/01 00:00:00“).getTime(); //设定目标时间
// 计算时间差
var time_distance = time_end - time_start;
// 天
var int_day = Math.floor(time_distance/86400000)
time_distance -= int_day * 86400000;
// 时
var int_hour = Math.floor(time_distance/3600000)
time_distance -= int_hour * 3600000;
// 分
var int_minute = Math.floor(time_distance/60000)
time_distance -= int_minute * 60000;
// 秒
var int_second = Math.floor(time_distance/1000)
// 时分秒为单数时、前面加零
if(int_day 《 10){
int_day = “0“ + int_day;
}
if(int_hour 《 10){
int_hour = “0“ + int_hour;
}
if(int_minute 《 10){
int_minute = “0“ + int_minute;
}
if(int_second 《 10){
int_second = “0“ + int_second;
}
// 显示时间
$(“#time_d“).val(int_day);
$(“#time_h“).val(int_hour);
$(“#time_m“).val(int_minute);
$(“#time_s“).val(int_second);
// 设置定时器
setTimeout(“show_time()“,1000);
}
-倒计时代码

VB倒计时代码


放置两个command(一个叫做cmdDel,另一个叫做cmdAdd)和一个Timer(叫做tmrDJS)
窗体的StartUpPosition属性设为2 - CenterScreen
并添加以下代码:
Private Sub cmdAdd_Click()
Dim sName As String, AllNum As Integer, TerminateDate As Date
sName = InputBox(“倒计时的名字?“)
TerminateDate = InputBox(“截止时间?例如2009-10-20 3:23:19“)
AllNum = GetSetting(“倒计时“, “倒计时列表“, “倒计时总数“, “0“)
AllNum = AllNum + 1
SaveSetting “倒计时“, “倒计时列表“, “倒计时总数“, AllNum
SaveSetting “倒计时“, “倒计时列表“, “时间“ & Trim(Str(AllNum)), TerminateDate
SaveSetting “倒计时“, “倒计时列表“, “名字“ & Trim(Str(AllNum)), sName
MsgBox “添加成功!“, vbInformation
End Sub
Private Sub cmdDel_Click()
Dim Qx As Integer
Qx = InputBox(“列表中的几个?“)
Dim sDate As String, sName As String, AllNum As Integer, Qu As Integer
AllNum = GetSetting(“倒计时“, “倒计时列表“, “倒计时总数“, “0“)
For i = 1 To AllNum
sDate = GetSetting(“倒计时“, “倒计时列表“, “时间“ & Trim(Str(i)), “0“)
sName = GetSetting(“倒计时“, “倒计时列表“, “名字“ & Trim(Str(i)), “0“)
If sDate 《》 “0“ Then
Qu = Qu + 1
If Qu = Qx Then
If MsgBox(“是要删除倒计时 “ & sName & “ 吗?“, vbYesNo + vbQuestion) = vbYes Then
SaveSetting “倒计时“, “倒计时列表“, “时间“ & Trim(Str(i)), “0“
End If
Exit For
End If
End If
Next i
End Sub
Private Sub Form_Load()
Height = 3570
Width = 5550
Caption = “倒计时“
tmrDJS.Interval = 500
cmdAdd.Left = 4200
cmdAdd.Top = 2520
cmdAdd.Height = 255
cmdAdd.Width = 1215
cmdAdd.Caption = “添加倒计时“
cmdDel.Left = 4200
cmdDel.Top = 2760
cmdDel.Height = 255
cmdDel.Width = 1215
cmdDel.Caption = “删除倒计时“
End Sub
Private Sub tmrDJS_Timer()
Cls
Dim DJS As Date, sDate As String, sName As String, AllNum As Integer, Printed As Boolean
Dim Kd As Double
AllNum = GetSetting(“倒计时“, “倒计时列表“, “倒计时总数“, “0“)
For i = 1 To AllNum
sDate = GetSetting(“倒计时“, “倒计时列表“, “时间“ & Trim(Str(i)), “0“)
sName = GetSetting(“倒计时“, “倒计时列表“, “名字“ & Trim(Str(i)), “0“)
If sDate 《》 “0“ Then
DJS = sDate
If DJS - Now 《= 0 Then
Print sName; “ 已经到了!“
Else
Kd = DJS - Now
Print “距离 “; sName; “ 还有 “;
Print Int(Kd); “ 天 “;
Kd = Kd - Int(Kd)
Print Int(Kd * 24); “ 小时“;
Kd = Kd - Int(Kd * 24) / 24
Print Int(Kd * 24 * 60); “ 分钟“;
Kd = Kd - Int(Kd * 24 * 60) / 24 / 60
Print Int(Kd * 24 * 60 * 60 + 0.5); “ 秒“
End If
Printed = True
End If
Next i
If Not Printed Then Print “列表为空!“
End Sub
然后运行即可~
-html代码

编写倒计时程序代码


今天小编要和大家分享的是利用C#实现倒计时的功能,希望对大家有所帮助。 本实例是通过使用timer组件来实现倒计时功能的,实现步骤如下:(1) 首先创建两个窗体,在Form1窗体上添加一个Button按钮和一个timer组件,用来执行倒计时功能;在Form2中添加一个Label控件,用于显示倒计时。(2) 在Form2窗体中定义一个公共变量curr_time,用于为Label控件赋值,代码如下:Public string curr_time{ Get { Return lable1.Text; } Set { Label1.Text=value; }}(3) 在Form1窗体中,首先定义一个TimeSpan类对象,用于设定初始值;其次在Button按钮的Click事件下,激活timer组件,使其开始计时;然后在timer组件的Tick事件下,使用TimeSpan类对象的Subtract方法,在指定时间间隔内循环减1,实现倒计时功能。主要代码如下:Private TimeSpan ts=new TimeSpan(0,5,0);Private Form2 frm=null;Private void button1_Click(object sender,System.EventArgs e){ Timer1.Enabled =true; Frm=new Form2(); Frm.ShowDialog(this);}Private void timer1_Tick(object sender,System.EventArgs e){ String str=ts.Hours.ToString()+”:”+ts.Minutes.ToString()+”:”+ts.Seconds.ToString();Frm.curr_time=str;Ts=ts.Subtract(new TimeSpan(0,0,1));If(ts.TotalSeconds《0.0){ Time1.Enabled=false;} }转至 程序员之家 http://www.sunxin.org
-倒计时代码

用java编写一个倒计时器代码


import java.awt.BorderLayout;import java.awt.Container;import java.awt.Font;import java.awt.GridLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.JOptionPane;import javax.swing.JPanel;import javax.swing.JTextField;public class TimerDemo extends JFrame implements ActionListener { private static final long serialVersionUID = 201306211111L; private JTextField screen = new JTextField(“0“); private JButton start = new JButton(“开始“); private JButton reset = new JButton(“重置“); private JPanel panel = new JPanel(); private boolean isRunning; private int time; private int timeBetween; public TimerDemo(int timeBetween) { super(“计时器“); this.timeBetween = timeBetween; try { init(); } catch (Exception e) { e.printStackTrace(); } } public TimerDemo() { super(“计时器“); this.timeBetween = 100; try { init(); } catch (Exception e) { e.printStackTrace(); } } private void init() { panel.setLayout(new GridLayout()); panel.add(start); panel.add(reset); start.addActionListener(this); reset.addActionListener(this); screen.setFont(new Font(“幼圆“, Font.BOLD, 60)); screen.setHorizontalAlignment(JTextField.CENTER); screen.setEditable(false); Container c = getContentPane(); c.setLayout(new BorderLayout()); c.add(panel, BorderLayout.SOUTH); c.add(screen, BorderLayout.CENTER); this.setSize(200, 150); this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); this.setResizable(false); this.setLocationRelativeTo(null); this.setVisible(true); } public static void main(String args) { new TimerDemo(1);// 设定 1ms/次 // new TimerDemo(); } @Override public void actionPerformed(ActionEvent e) { if (e.getSource() == start) { if (start.getText().equals(“开始“)) { start.setText(“暂停“); isRunning = true; } else if (start.getText().equals(“暂停“)) { start.setText(“开始“); isRunning = false; } } if (e.getSource() == reset) { start.setText(“开始“); screen.setText(“0“); isRunning = false; time = 0; } new Thread(new TimeZone()).start(); } class TimeZone implements Runnable { @Override public void run() { while (isRunning) { time++; if (time 》= Integer.MAX_VALUE) { screen.setText(“ERROR“); JOptionPane.showMessageDialog(null, “ERROR“); isRunning = false; } screen.setText(String.valueOf(time)); try { Thread.sleep(timeBetween); } catch (Exception e) { e.printStackTrace(); } } } }}
-html代码

html页面的倒计时代码急求!!!!


《body》
《div id=“timer“》《/div》
《script type=“text/javascript“ language=“javascript“》
var endDate=new Date(2010,11,11,17,05,40);//年月日时分秒,月要减去1
(function daoJiShi()
{
var now=new Date();
var oft=Math.round((endDate-now)/1000);
var ofd=parseInt(oft/3600/24);
var ofh=parseInt((oft%(3600*24))/3600);
var ofm=parseInt((oft%3600)/60);
var ofs=oft%60;
document.getElementById(’timer’).innerHTML=’还有 ’+ofd+’ 天 ’ +ofh+ ’ 小时 ’ +ofm+ ’ 分钟 ’ +ofs+ ’ 秒’;
if(ofs《0){document.getElementById(’timer’).innerHTML=’倒计时结束!’;return;};
setTimeout(’daoJiShi()’,1000);
}());
《/script》
《/body》
-倒计时代码

时间倒计时代码


《html》
《head》
《title》倒计时《/title》
《body》
《script language=JavaScript》
var now = new Date(“11/26/2006 “ + 10 + “:“ + 30 + “:“ + 30);
function GetServerTime()
{
var urodz = new Date(“11/30/2006 11:38:33“);
now.setTime(now.getTime()+250);
days = (urodz - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (urodz - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (urodz - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
document.getElementById(“date“).innerHTML = daysRound;
document.getElementById(“time“).innerHTML = hoursRound + “:“ + minutesRound + “:“ + secondsRound;
}
setInterval(“GetServerTime()“,250);
《/script》
距离********还有《span id=“date“》《/span》 《span class=“white14b“》天《/span》 《span id=“time“》《/span》
《/body》
《/html》
-html代码