android 倒计时跳转页面,Android利用CountDownTimer实现倒计时功能 Android实现停留5s跳转到登录页面...

利用CountDownTimer实现倒计时,停留5s跳转到登录页面功能,具体如下

举个栗子,引导页面最后一个界面要停留5s跳转到登录页面。代码如下:

//假设 这是引导页面最后一个界面

public class MainActivity extends Activity {

private TextView count_time;

private MyCountDownTimer myCountDownTimer;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

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

//new对象,传入要停留的时间

myCountDownTimer=new MyCountDownTimer(5100,1000);

//开始倒计时

myCountDownTimer.start();

}

//自定义一个类继承自CountDownTimer,实现多少秒后的逻辑

class MyCountDownTimer extends CountDownTimer{

/**

*

* @param millisInFuture

* 表示以毫秒为单位 倒计时的总数

*

* 例如 millisInFuture=1000 表示1秒

*

* @param countDownInterval

* 表示 间隔 多少微秒 调用一次 onTick 方法

*

* 例如: countDownInterval =1000 ; 表示每1000毫秒调用一次onTick()

*

*/

public MyCountDownTimer(long millisInFuture, long countDownInterval) {

super(millisInFuture, countDownInterval);

}

@Override

public void onTick(long millisUntilFinished) {

count_time.setText(millisUntilFinished/1000+"s");

}

@Override

public void onFinish() {

//停止倒计时

myCountDownTimer.cancel();

//实现页面跳转

startActivity(new Intent(MainActivity.this,SecondActivity.class));

}

}

}

//引导页最后一个界面的.xml布局

android:layout_width="match_parent"

android:layout_height="match_parent"

>

android:id="@+id/count_time"

android:background="@drawable/bg"

android:textColor="@android:color/holo_blue_bright"

android:layout_width="60dp"

android:layout_height="30dp"

android:layout_centerInParent="true"/>

//这是跳转后的界面

public class SecondActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_second);

}

}

//引导页跳转后界面的.xml布局

android:layout_width="match_parent"

android:layout_height="match_parent"

>

android:textColor="@android:color/holo_blue_bright"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="这是跳转后的页面"

android:textSize="30sp"

android:id="@+id/time" />

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

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的实现北斗三号发射动画的JavaScript代码: ```javascript // 获取倒计时和发射状态的DOM元素 var countdown = document.getElementById("countdown"); var launch = document.getElementById("launch"); // 定义倒计时时间和倒计时计数器 var count = 5; var timer = setInterval(function() { // 每秒更新倒计时时间 countdown.innerHTML = count; count--; // 当倒计时结束时,开始发射 if (count < 0) { clearInterval(timer); countdown.style.display = "none"; launch.style.display = "block"; launch.className += " animate-launch"; setTimeout(function() { launch.innerHTML = "祝贺北斗三号发射成功!"; }, 5000); // 5秒后显示发射成功的文字 } }, 1000); ``` 需要在HTML中创建两个DOM元素,一个用于显示倒计时,一个用于显示发射状态和发射成功的文字: ```html <div id="countdown">5</div> <div id="launch">北斗三号发射中</div> ``` 同时在CSS中需要定义好发射状态的样式和发射动画: ```css #launch { display: none; } .animate-launch { animation: launch 5s linear; } @keyframes launch { 0% { transform: translate(0, 0); } 100% { transform: translate(0, -1000px); } } ``` 这段代码中,`#launch`的`display`属性初始值为`none`,这样在倒计时结束之前不会显示发射状态。当倒计时结束时,将`#countdown`的`display`设置为`none`,`#launch`的`display`设置为`block`,这样就可以显示发射状态了。 `animate-launch`是一个自定义的CSS类,它定义了一个名为`launch`的动画,这个动画会将`#launch`元素向上移动1000像素。发射成功的文字是通过在5秒后将`#launch`元素的`innerHTML`属性设置为“祝贺北斗三号发射成功!”来实现的。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值