我试图在我的特定日期创建一个倒计时,并显示到那时还剩下多少小时,分钟和几秒钟。
例如,我想将柜台日期设置为:2018年10月25日,星期四,上午7:14:05
我想为用户显示..剩余时间:hh:mm:ss直到10月25日...
我尝试过:
@override
void initState() {
new CountdownTimer(new Duration(milliseconds: 1540451645), new Duration(seconds: 1)).listen((data) {
print('Remaining time: ${data.remaining.inSeconds}');
print(new DateTime.now().millisecondsSinceEpoch);
print(DateTime.fromMillisecondsSinceEpoch(data.remaining.inSeconds));
var format = new DateFormat("hh:mm:ss");
var dateString = format.format(DateTime.fromMillisecondsSinceEpoch(data.remaining.inSeconds));
print(dateString);
});
super.initState();
}
但是结果是:03:25:40 ..这真的不是真的...
该怎么做?
答案 0 :(得分:1)
首先-存在错误:您必须使用data.remaining.inMilliseconds
而不是data.remaining.inSeconds
对于格式设置,最好使用Duration而不是DateTime。但是您可以更改现有代码,例如:
var format = new DateFormat("mm:ss");
var dateString = '${data.remaining.inHours}:${format.format(DateTime.fromMillisecondsSinceEpoch(data.remaining.inMilliseconds))};
print(dateString);
UPD 显示剩余时间的小部件
int estimateTs = DateTime(2018, 11, 5, 7, 15, 30).millisecondsSinceEpoch; // set needed date
....
StreamBuilder(
stream: Stream.periodic(Duration(seconds: 1), (i) => i),
builder: (BuildContext context, AsyncSnapshot<int> snapshot) {
DateFormat format = DateFormat("mm:ss");
int now = DateTime
.now()
.millisecondsSinceEpoch;
Duration remaining = Duration(milliseconds: estimateTs - now);
var dateString = '${remaining.inHours}:${format.format(
DateTime.fromMillisecondsSinceEpoch(remaining.inMilliseconds))}';
print(dateString);
return Container(color: Colors.greenAccent.withOpacity(0.3),
alignment: Alignment.center,
child: Text(dateString),);
});
答案 1 :(得分:0)
你认识乔哈吗?你编写了复杂的代码 joha 正在编写复杂的东西,
使用这个功能:
var timeleft = TimeNow.difference(nextday);
此函数将为您提供 2 DateTime 剩余的时间。