精华内容
下载资源
问答
  • 倒计时20分钟
    千次阅读
    2021-07-16 06:29:41

    实现

    1. 首先,是两个div用来显示我们的剩余支付时间
    1. 然后,是倒计时函数countdown
    //倒计时
    countdown () {
          const end = Date.parse(new Date('2020-05-05 03:59:23'))
          const now = Date.parse(new Date())
          const msec = end - now
    
          console.log(msec)
          if(msec<0) return;
    
          let day = parseInt(msec / 1000 / 60 / 60 / 24)
          let hr = parseInt(msec / 1000 / 60 / 60 % 24)
          let min = parseInt(msec / 1000 / 60 % 60)
          let sec = parseInt(msec / 1000 % 60)
          this.day = day
          this.hr = hr > 9 ? hr : '0' + hr
          this.min = min > 9 ? min : '0' + min
          this.sec = sec > 9 ? sec : '0' + sec
          const that = this
          if(min>=0 && sec>=0){
            //倒计时结束关闭订单
            if(min==0 && sec==0){
    
              return
            }
            setTimeout(function () {
              that.countdown()
            }, 1000)
          }
        }
    
    1. 最后,在mounted里事先执行countdown方法
    mounted () {
      this.countdown()
    }
    
    更多相关内容
  • 20倒计时效果,电子时钟20倒计时ppt特效模板。
  • 输入时间点击开始即可开始倒计时,可以暂停,重置. 有进度条,下载即用,手机pc都可以 ;width: 100%;text-align: center;padding-top: 20%"> 天 时 分 秒 ; width: 90%;margin: 20px 0;"> ;width: 0;height: 10...
  • 以30分钟为例写的一个倒计时:直接上代码public class MainActivity extends AppCompatActivity {private int minute = 30;//这是分钟private int second = 0;//这是分钟后面的秒数。这里是以30分钟为例的,所以,...

    以30分钟为例写的一个倒计时:

    直接上代码

    public class MainActivity extends AppCompatActivity {

    private int minute = 30;//这是分钟

    private int second = 0;//这是分钟后面的秒数。这里是以30分钟为例的,所以,minute是30,second是0

    private TextView timeView;

    private Timer timer;

    private TimerTask timerTask;

    //这是接收回来处理的消息

    private Handler handler = new Handler() {

    public void handleMessage(Message msg) {

    if (minute == 0) {

    if (second == 0) {

    timeView.setText("Time out !");

    if (timer != null) {

    timer.cancel();

    timer = null;

    }

    if (timerTask != null) {

    timerTask = null;

    }

    } else {

    second--;

    if (second >= 10) {

    timeView.setText("0" + minute + ":" + second);

    } else {

    timeView.setText("0" + minute + ":0" + second);

    }

    }

    } else {

    if (second == 0) {

    second = 59;

    minute--;

    if (minute >= 10) {

    timeView.setText(minute + ":" + second);

    } else {

    timeView.setText("0" + minute + ":" + second);

    }

    } else {

    second--;

    if (second >= 10) {

    if (minute >= 10) {

    timeView.setText(minute + ":" + second);

    } else {

    timeView.setText("0" + minute + ":" + second);

    }

    } else {

    if (minute >= 10) {

    timeView.setText(minute + ":0" + second);

    } else {

    timeView.setText("0" + minute + ":0" + second);

    }

    }

    }

    }

    }

    };

    @Override

    protected void onCreate(Bundle savedInstanceState) {

    requestWindowFeature(Window.FEATURE_NO_TITLE);

    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_main);

    timeView = (TextView) findViewById(R.id.tv);

    timeView.setText(minute + ":" + second);

    timerTask = new TimerTask() {

    @Override

    public void run() {

    Message msg = new Message();

    msg.what = 0;

    handler.sendMessage(msg);

    }

    };

    timer = new Timer();

    timer.schedule(timerTask, 0, 1000);

    }

    @Override

    protected void onDestroy() {

    if (timer != null) {

    timer.cancel();

    timer = null;

    }

    if (timerTask != null) {

    timerTask = null;

    }

    minute = -1;

    second = -1;

    super.onDestroy();

    }

    @Override

    protected void onStart() {

    super.onStart();

    }

    @Override

    protected void onStop() {

    super.onStop();

    }

    @Override

    protected void onResume() {

    super.onResume();

    }

    @Override

    protected void onRestart() {

    super.onRestart();

    }

    @Override

    protected void onPause() {

    super.onPause();

    }

    }

    ok,这就完成了。

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    展开全文
  • 倒计时八数码管显示,最小1秒,最大24小时;计时结束蜂鸣器报警响10次;如果做实物,可以用继电器作开关控制强电。 设置方法: 1.按K1键第一次,秒位闪烁,短按加减键加减1,长按连加连减; 2.按K1键第次,分位闪烁...
  • 但是,如果倒计时20时,关闭页面,如果在20秒内重新打开页面,是有倒计时显示的. html代码 <input id="second" type="button" value="免费获取验证码" /> js对cookie的操作 //发送验证
  • ppt倒计时效果,20分钟数字变,60秒钟秒针盘变化,不错的效果
  • Android倒计时常用方法

    2021-05-28 08:25:47
    本文实例总结了Android实现计时与倒计时的常用方法。分享给大家供大家参考,具体如下:方法一Timer与TimerTask(Java实现)public class timerTaskextends Activity{privateint recLen =11;privateTextView txtView;...

    本文实例总结了Android实现计时与倒计时的常用方法。分享给大家供大家参考,具体如下:

    方法一

    Timer与TimerTask(Java实现)

    public class timerTask

    extends Activity{

    private

    int recLen =

    11;

    private

    TextView txtView;

    Timer

    timer = new Timer();

    public

    void onCreate(Bundle

    savedInstanceState){

    super.onCreate(savedInstanceState);

    setContentView(R.layout.timertask);

    txtView

    = (TextView)findViewById(R.id.txttime);

    timer.schedule(task,

    1000,

    1000);

    // timeTask

    }

    TimerTask

    task = new TimerTask() {

    @Override

    public

    void run() {

    runOnUiThread(new

    Runnable() {

    // UI thread

    @Override

    public

    void run() {

    recLen--;

    txtView.setText(""+recLen);

    if(recLen

    < 0){

    timer.cancel();

    txtView.setVisibility(View.GONE);

    }

    }

    });

    }

    };

    }

    方法二

    TimerTask与Handler(不用Timer的改进型)

    public class timerTask

    extends Activity{

    private

    int recLen =

    11;

    private

    TextView txtView;

    Timer

    timer = new Timer();

    public

    void onCreate(Bundle

    savedInstanceState){

    super.onCreate(savedInstanceState);

    setContentView(R.layout.timertask);

    txtView

    = (TextView)findViewById(R.id.txttime);

    timer.schedule(task,

    1000,

    1000);

    // timeTask

    }

    final

    Handler handler = new

    Handler(){

    @Override

    public

    void handleMessage(Message msg){

    switch

    (msg.what) {

    case

    1:

    txtView.setText(""+recLen);

    if(recLen

    < 0){

    timer.cancel();

    txtView.setVisibility(View.GONE);

    }

    }

    }

    };

    TimerTask

    task = new TimerTask() {

    @Override

    public

    void run() {

    recLen--;

    Message

    message = new Message();

    message.what

    = 1;

    handler.sendMessage(message);

    }

    };

    }

    方法三

    Handler与Message(不用TimerTask)

    public class timerTask

    extends Activity{

    private

    int recLen =

    11;

    private

    TextView txtView;

    public

    void onCreate(Bundle savedInstanceState)

    {

    super.onCreate(savedInstanceState);

    setContentView(R.layout.timertask);

    txtView

    = (TextView)findViewById(R.id.txttime);

    Message

    message =

    handler.obtainMessage(1);

    // Message

    handler.sendMessageDelayed(message,

    1000);

    }

    final

    Handler handler = new

    Handler(){

    public

    void handleMessage(Message

    msg){

    // handle message

    switch

    (msg.what) {

    case

    1:

    recLen--;

    txtView.setText(""

    + recLen);

    if(recLen

    > 0){

    Message

    message =

    handler.obtainMessage(1);

    handler.sendMessageDelayed(message,

    1000);

    // send message

    }else{

    txtView.setVisibility(View.GONE);

    }

    }

    super.handleMessage(msg);

    }

    };

    }

    方法四

    Handler与Thread(不占用UI线程)

    public class timerTask

    extends Activity{

    private

    int recLen =

    0;

    private

    TextView txtView;

    public

    void onCreate(Bundle

    savedInstanceState){

    super.onCreate(savedInstanceState);

    setContentView(R.layout.timertask);

    txtView

    = (TextView)findViewById(R.id.txttime);

    new

    Thread(new

    MyThread()).start();

    // start thread

    }

    final

    Handler handler = new

    Handler(){

    // handle

    public

    void handleMessage(Message msg){

    switch

    (msg.what) {

    case

    1:

    recLen++;

    txtView.setText(""

    + recLen);

    }

    super.handleMessage(msg);

    }

    };

    public

    class MyThread implements

    Runnable{ //

    thread

    @Override

    public

    void run(){

    while(true){

    try{

    Thread.sleep(1000);

    // sleep 1000ms

    Message

    message = new Message();

    message.what

    = 1;

    handler.sendMessage(message);

    }catch

    (Exception e) {

    }

    }

    }

    }

    }

    方法五

    Handler与Runnable(最简单型)

    public class timerTask

    extends Activity{

    private

    int recLen =

    0;

    private

    TextView txtView;

    public

    void onCreate(Bundle

    savedInstanceState){

    super.onCreate(savedInstanceState);

    setContentView(R.layout.timertask);

    txtView

    = (TextView)findViewById(R.id.txttime);

    handler.postDelayed(runnable,

    1000);

    }

    Handler

    handler = new Handler();

    Runnable

    runnable = new Runnable() {

    @Override

    public

    void run() {

    recLen++;

    txtView.setText(""

    + recLen);

    handler.postDelayed(this,

    1000);

    }

    };

    }

    计时与倒计时

    方法1,方法2和方法3,都是倒计时 方法4,方法5,都是计时 计时和倒计时,都可使用上述方法实现(代码稍加改动)

    UI线程比较

    方法1,方法2和方法3,都是在UI线程实现的计时; 方法4和方法5,是另开Runnable线程实现计时

    实现方式比较

    方法1,采用的是Java实现,即Timer和TimerTask方式; 其它四种方法,都采用了Handler消息处理

    推荐使用

    如果对UI线程交互要求不很高,可以选择方法2和方法3如果考虑到UI线程阻塞,严重影响到用户体验,推荐使用方法4,另起线程单独用于计时和其它的逻辑处理

    方法5,综合了前几种方法的优点,是最简的

    展开全文
  • 本文实例讲述了JS实现的网页倒计时数字时钟效果,分享给大家供大家参考,具体实现方法如下: 效果图: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...
  • multisim24秒倒计时电路

    2020-07-13 15:06:02
    本实验要求设计一个24秒违例计时器(倒计时方式),当计时24秒时间到,用一个红色指示灯亮表示,指示灯持续点亮5秒。 要求电路设置一个启动开关,当该开关断开时,数码管显示24秒,当开关闭合后,电路开始运行,期间...
  • 2.倒计时:24小时倒计时器由2个60进制减计数器和1个24进制减计数器构成输入CLK为1Hz(秒)的时钟,经过60进制减计数后产生I分钟的借位时钟信号,再经过60进制减计数后产生I小时的借位时钟信号送给24进制减计数器进行减...
  • 电子时钟倒计时ppt特效,ppt倒计时模板下载。
  • 本文实例讲述了JS实现针对给定时间的倒计时功能。分享给大家供大家参考,具体如下: 有时候,网站需要一个倒计时的特效来庆祝某些特别的日子。自己也实现了一个,占用内存也很小噢。其原理就是每隔一秒执行一次处理...
  • 竞赛用20S倒计时PPT模板 竞赛用20S倒计时PPT模板 竞赛用20S倒计时PPT模板 竞赛用20S倒计时PPT模板 竞赛用20S倒计时PPT模板
  • 20分钟倒计时PPT

    2021-09-02 18:16:38
    20分钟倒计时PPT
  • js实现倒计时

    2022-07-27 22:57:24
    距离某个时间点还剩下多少时间的倒计时用js怎么实现呢。

    这种距离某个时间点还剩下多少时间的倒计时用js怎么实现呢

    
        <div>
            <span class="day">0</span>
            <span class="hour">1</span>
            <span class="minute">2</span>
            <span class="second">3</span>
        </div>
        <script>
            // 步骤1:获取元素
            var day = document.querySelector(".day")
            var hour = document.querySelector(".hour")
            var minute = document.querySelector(".minute")
            var second = document.querySelector(".second")
            // 全局变量函数内部可以使用
            var inputTime = +new Date('2022-7-28 18:00:00'); // 返回的是用户输入时间总的毫秒数
    
            countDown();//我们先调用一次这个函数,防止第一次刷新页面有空白
    
            // 步骤2:开启定时器
            setInterval(countDown, 1000);
            function countDown() {
                var nowTime = +new Date(); // 返回的是当前时间总的毫秒数
    
                var times = (inputTime - nowTime) / 1000; // times是剩余时间总的秒数
                var d = parseInt(times / 60 / 60 / 24);//天
                d = d < 10 ? '0' + d : d;
                day.innerHTML = d;//把剩余的天数 给小时黑色盒子
    
                var h = parseInt(times / 60 / 60 % 24);//时
                h = h < 10 ? '0' + h : h;
                hour.innerHTML = h;//把剩余的小时 给小时黑色盒子
    
                var m = parseInt(times / 60 % 60);//分
                m = m < 10 ? '0' + m : m;
                minute.innerHTML = m;//把剩余的分钟 给小时黑色盒子
    
                var s = parseInt(times % 60);//当前的秒
                s = s < 10 ? '0' + S : s;
                second.innerHTML = s;//把剩余的秒 给小时黑色盒子
    
            }
        </script>

    展开全文
  • 内含multisim仿真电路图(源文件)以及相对应的实验报告(20多页),文件可运行,文档内容详实。
  • 十二倒计时宣传海报适用于双十二海报设计
  • 15分钟倒计时(秒)

    2022-01-18 14:30:50
    let date = “2022-01-18 14:20:11” console.log(parseInt((new Date(date).getTime() + 15601000 - new Date().getTime()) / parseInt(1000)))
  • 99分钟倒计时器报警器实验例程C51单片机KEIL工程源码文件: /*----------------------------------------------- 名称:99分钟倒计时数码管显示 内容:99分钟倒计时器,可以通过按键上调下调时间,定时器到时喇叭...
  • js实现时间倒计时

    2021-06-20 21:03:57
    代码如下: <div id="time"></div> <div id="box"></div> ... var time="距离2021年10月1日,还有:"+days+"天"+hours+"小时"+minutes+"分钟"+seconds+"秒"; $("#box").text(time); }, 500); 效果图如下:
  • vue中 写过的几种倒计时总结

    千次阅读 2021-08-18 18:11:32
    10秒倒计时(10秒钟后内容隐藏) <div v-if='contentShow'> 尊敬的客户,您已进入投保流程,请您仔细阅读...... </div> data() { return { contentShow: true } }, created() { let n = 10; ...
  • 下班倒计时计时器

    2021-12-07 09:56:33
    上班摸鱼是一个打工人的常态,与其不断地盯着时间看还有多久下班,还不如用一个倒计时器帮你计时,让你知道还有多久下班,好准时跑路。 具体实现代码(python)如下,这里博主也生成了.exe可执行文件,如有需要,可以...
  • 精确计算农历二十四节气.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • 案例-做一个30分钟倒计时

    千次阅读 2018-12-23 10:39:42
    案例-做一个30分钟倒计时 今天在做支付宝小程序的一个功能时,面对这样一个需求,有一个订单,对于未付款的订单需要做一个30分钟倒计时功能,提醒用户还有多少秒支付时间,格式为29:59。 其他的细节就不详细介绍了...
  • 用JS写了一个30分钟倒计时

    千次阅读 2022-03-12 02:45:06
    * 100 + "%" }else{ td2.style.display = "none" } //第条进度条,用画布实现 var canvas = document.getElementById('myCanvas') canvas.width = span.offsetWidth var ctx = canvas.getContext("2d") var ...
  • Java 中怎么实现倒计时

    千次阅读 2021-03-25 11:53:19
    Java codepublic class 倒计时时钟 {//小时private int hours;//分钟private int min;//秒private int second;public 倒计时时钟(int hours,int min,int second) {this.hours = hours;this.min = min;this.second = ...
  • 软件开发网-www.jb51.net 记时效果 距5.1(女友生日)还有: 距国家公务员考试还有(12.9): 距奥运会还有(8.8-20:08): [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
  • //5分钟提示弹框是否显示 // interval = setInterval(countDown, 1000); // console.log(second) var isResult = false; function countDown() { second--; if(second == 00 && minute > 0) { second = 60; minute--...
  • 这是制作的订单支付前倒计时,如果客户在规定时间内没能 支付,则系统自动删除,这样就以便有些商品冗余,当然了,这里只有分钟和秒钟,天数和时钟我写在了最底下,最后代码的显示第七行,可以看一下,然后带入到...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,084
精华内容 14,033
关键字:

倒计时20分钟